Input

input

Text Input is a simple input field

input docs

Class names

• component: input
• style: input-ghost
• color: input-neutral, input-primary, input-secondary, input-accent, input-info, input-success, input-warning, input-error
• size: input-xs, input-sm, input-md, input-lg, input-xl

Syntax

<input type="{type}" placeholder="Type here" class="input {MODIFIER}" />

Rules

• {MODIFIER} is optional and can have one of each style/color/size class names
• Can be used with any input field type (text, password, email, etc.)
• Use input class for the parent when you have more than one element inside input