Textarea

package showcase import ( "github.com/templui/templui/components/field" "github.com/templui/templui/components/textarea" ) templ TextareaField() { @field.Field() { @field.Label(field.LabelProps{For: "textarea-message"}) { Message } @field.Description() { Enter your message below. } @textarea.Textarea(textarea.Props{ ID: "textarea-message", Placeholder: "Type your message here.", }) } }

package showcase import ( "github.com/templui/templui/components/field" "github.com/templui/templui/components/textarea" ) templ TextareaDisabled() { @field.Field(field.Props{Disabled: true}) { @field.Label(field.LabelProps{For: "textarea-disabled"}) { Message } @textarea.Textarea(textarea.Props{ ID: "textarea-disabled", Placeholder: "Type your message here.", Disabled: true, }) } }

package showcase import ( "github.com/templui/templui/components/field" "github.com/templui/templui/components/textarea" ) templ TextareaInvalid() { @field.Field(field.Props{Invalid: true}) { @field.Label(field.LabelProps{For: "textarea-invalid"}) { Message } @textarea.Textarea(textarea.Props{ ID: "textarea-invalid", Placeholder: "Type your message here.", HasError: true, }) @field.Description() { Please enter a valid message. } } }

package showcase import ( "github.com/templui/templui/components/button" "github.com/templui/templui/components/textarea" ) templ TextareaButton() { <div class="grid w-full max-w-sm gap-2"> @textarea.Textarea(textarea.Props{Placeholder: "Type your message here."}) @button.Button() { Send message } </div> }