N
neokit

Input

A styled text field. Built on the native <input> element with DaisyUI's input class. Supports all standard input types, five sizes, eight color tokens, and bordered/ghost variants.

Default

Basic input with placeholder.

input default

Types

Common native input types.

input types

Sizes

Five sizes: xs, sm, md (default), lg, xl.

input sizes
xs
sm
md
lg
xl

Colors

Eight DaisyUI color tokens — set the focus ring color.

input colors
primary
secondary
accent
info
success
warning
error
neutral

Bordered

variant="bordered" adds a visible border at rest.

input bordered

Ghost

variant="ghost" — transparent background, shows on focus.

input ghost

States

Disabled and read-only.

input states

With label

Wrap in a label or use fieldset + legend for accessible labelling.

input with label

Form example

A complete sign-in form layout.

input form

Sign in