---
title: TextArea
---

<script>
  import { TextArea } from 'slender-ui'
  import { ComponentContainer } from '$lib'
</script>

<ComponentContainer>
  <TextArea floatingLabel label="Enter your thoughts"  />

  <div slot="code">

<!-- prettier-ignore -->
```svelte
<script>
  import { TextArea } from 'slender-ui'
</script>

<TextArea
  floatingLabel
  label="Enter your thoughts"
/>
```

  </div>
</ComponentContainer>