geist-ui icon indicating copy to clipboard operation
geist-ui copied to clipboard

Label for Textarea Component

Open LuanEdCosta opened this issue 2 years ago • 0 comments
trafficstars

Feature request 🚀

  • [ ] I will create Pull Request
  • [x] It's just a suggestion

Expected

  • Create a label for Textarea component

Examples

<Textarea
  label="Your text" // Accepts strings or React.ReactNode
  placeholder="Some text..."
  width="100%"
/>

Or maybe

<Textarea
  placeholder="Some text..."
  width="100%"
>
Your text
</Textarea>

Programme (Optional)

Others (Optional)

I'm currently adding a label this way:

<Grid xs={24} direction="column">
  <Text type="secondary" small>
    <label htmlFor="text">Your text</label>
  </Text>

  <Spacer h={0.5} />

  <Textarea
    id="text"
    placeholder="Some text..."
    width="100%"
  />
</Grid>

LuanEdCosta avatar Apr 21 '23 18:04 LuanEdCosta