This library lets you use automatically expanding textareas in Elm. This means the textarea grows in height until it reaches the maximum number of rows allowed and then becomes a scrollable box.
Create the Config for the auto expanding textarea.
A typical configuration might look like this:
type Msg
= AutoExpandInput { textValue : String, state : AutoExpand.State }
config : AutoExpand.Config Msg
config =
AutoExpand.config
{ onInput = AutoExpandInput
, padding = 10
, lineHeight = 20
, minRows = 1
, maxRows = 4
, styles = [ ( "font-family", "sans-serif" ) ]
}Configuration for your textarea, describing the look and feel.
Note: Your Config should never be held in your model.
It should only appear in view code.
Keeps track of how many rows we need.
Sets up the initial State for the textarea using a Config.
Show the textarea on your page.