Input

---
import Input from 'fulldev-ui/components/Input.astro'
---

<Input
  label="Email"
  icon="mail"
  name="input"
  type="email"
  placeholder="This is an input"
/>

Props

Prop	Type	Default
as	HTMLTag	input
HTML Attributes	Polymorphic<input>	-

Examples

Name

---
import Input from 'fulldev-ui/components/Input.astro'
---

<Input label="Name" icon="mail" name="name" type="email" />

---
import Input from 'fulldev-ui/components/Input.astro'
---

<Input size="sm" name="name" />
<Input size="md" name="name" />
<Input size="lg" name="name" />

---
import Input from 'fulldev-ui/components/Input.astro'
---

<Input color="base" name="name" />
<Input color="brand" name="name" />

Icon Rating