Class name Type
form-control Component Container element
label Component For helper text
input Component For <input> element
input-bordered Utility Adds border to input
input-ghost Utility Adds ghost style to checkbox
input-primary Utility Adds `primary` color to input
input-secondary Utility Adds `secondary` color to input
input-accent Utility Adds `accent` color to input
input-info Utility Adds `info` color to input
input-success Utility Adds `success` color to input
input-warning Utility Adds `warning` color to input
input-error Utility Adds `error` color to input
input-lg Utility Large size for input
input-md Utility Medium (default) size for input
input-sm Utility Small size for input
input-xs Utility Extra small size for input
Examples
input with border
Preview
HTML
input without border
Preview
HTML
input ghost (no background)
Preview
HTML
input disabled
Preview
HTML
input helper texts
Preview
HTML
input with brand colors
Preview
HTML
input with state colors
Preview
HTML
input sizes
Preview
HTML
with button
Preview
HTML