---
title: Input
---

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

<ComponentContainer>
  <Input floatingLabel label="Enter your name" placeholder="Hello this is a placeholder" />

  <div slot="code">

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

<Input
  floatingLabel
  label="Enter your name"
  placeholder="Hello this is a placeholder"
/>
```

  </div>
</ComponentContainer>