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

What is your name? Top Right label Bottom Left label Bottom Right label

# Primary color

# Secondary color

# Accent color

# Info color

# Success color

# Warning color

# Error color

# Sizes

# Disabled

Do you have a question? ask the community

Do you like daisyUI? tweet about it!

Support daisyUI's development: Open Collective