Skip to content
Fulldev UI

Input

A native, styled input element. 
--- 
import { Input } from 'fulldev-ui'
---

<Input
  color="base"
  size="md"
  contrast={false}
  label={"Label"}
  placeholder={"Placeholder"}
/>

Props

Prop Type Default
color base | brand -
size sm | md | lg -
contrast boolean -
label string -
label string -
placeholder string -
text string -
html string -
HTML Attributes Polymorphic<input> -

Examples

size

The size prop cascades: it is inherited from the parent and it is applied to all children.

 
---
import { Input } from 'fulldev-ui'
---


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