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
label	ComponentProps<typeof Label>['text']	-
icon	ComponentProps<typeof Icon>['name']	-
size	'sm' \| 'md' \| 'lg'	-
color	'base' \| 'brand'	-
contrast	boolean	-
theme	'light' \| 'dark'	-
HTML Attributes	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