import { TextArea } from "@styple/design-system";
<Flex
css={{
flexDirection: "column",
gap: "$md"
}}
>
<TextArea placeholder="Default textarea" />
<TextArea variant="ghost" placeholder="Ghost textarea" />
</Flex>
A styled component. With Props:
| Prop | Type | Default | Explanation |
|---|---|---|---|
variant? | "ghost" | - | Main variant. |
state? | "valid" | "invalid" | - | State variant. |