Site settings
Change the appearance of the site to suit your preferences
Textarea
Textarea is used when you want to get larger amount of texts from the user.
A simple Textarea
<Textarea label="Description" />
A controlled textarea
() => { const [description, setDescription] = React.useState(""); return ( <Textarea label="Description" value={description} onChange={e => setDescription(e.target.value)} /> ); }
A bigger textarea
<Textarea label="What can we help you with?" minHeight="10rem" />
With error
<Textarea label="Description" invalid={true} errorText="Something is wrong" />
With helper text
<Textarea label="Description" helperText="Something helpful for the user" />
Different variants
<Stack gap={3}> <Textarea label="Base" /> <Textarea label="Floating" variant="floating" /> </Stack>