Input

Variants

<input class="input" type="text" placeholder="Default input" />
<input class="input underlined" type="text" placeholder="Underlined input" />
<input class="input filled" type="text" placeholder="Filled input" />

Sizes

<input class="input small" type="text" placeholder="Small input" />
<input class="input" type="text" placeholder="Default input" />
<input class="input large" type="text" placeholder="Large input" />

<input class="input underlined small" type="text" placeholder="Small input" />
<input class="input underlined" type="text" placeholder="Default input" />
<input class="input underlined large" type="text" placeholder="Large input" />

<input class="input filled small" type="text" placeholder="Small input" />
<input class="input filled" type="text" placeholder="Default input" />
<input class="input filled large" type="text" placeholder="Large input" />

Types

Email

Number

Password

Phone

Text

URL