Text Input

Text Input is a simple input field.

Class name
Type
form-control Component Container element
label Component For helper text
input Component For <input> element
input-bordered
Modifier
Adds border to input
input-ghost
Modifier
Adds ghost style to input
input-primary
Modifier
Adds `primary` color to input
input-secondary
Modifier
Adds `secondary` color to input
input-accent
Modifier
Adds `accent` color to input
input-info
Modifier
Adds `info` color to input
input-success
Modifier
Adds `success` color to input
input-warning
Modifier
Adds `warning` color to input
input-error
Modifier
Adds `error` color to input
input-lg
Responsive
Large size for input
input-md
Responsive
Medium (default) size for input
input-sm
Responsive
Small size for input
input-xs
Responsive
Extra small size for input
# Text input
# Text input with border
# Ghost (no background)
# With form-control and labels
# Primary color
# Secondary color
# Accent color
# Info color
# Success color
# Warning color
# Error color
# Sizes
# Disabled