Forms & Inputs

Form controls including text inputs, selects, checkboxes, toggles, and more.

Text Input

PreviewNoira UI

Full Name

Password

Input with Error

PreviewNoira UI

Username

This username is already taken

Password

Must be at least 8 characters

Textarea

PreviewNoira UI

Message

Maximum 500 characters

Select

PreviewNoira UI

Country

Checkbox

PreviewNoira UI

Remember meI agree to the terms and conditionsSubscribe to newsletter

Radio Group

PreviewNoira UI

Free

Up to 5 projects

Standard

Up to 20 projects

Premium

Unlimited projects

Toggle / Switch

PreviewNoira UI

Email notificationsDark mode

Range Slider

PreviewNoira UI

Volume50

Search Input

PreviewNoira UI

File Upload

PreviewNoira UI

Upload DocumentDrop files here or click to uploadPDF, PNG, JPG up to 10MB

Input with Icon

PreviewNoira UI

Floating Label

PreviewAdapted from Flowbite

Full Name

Email Address

Password Input

PreviewNoira UI

Password

OTP Input

PreviewNoira UI

Input with Addon

PreviewOrigin UI

Website

https://

Price

$.00

Input with Helper Text

PreviewFlowbite

Username

Your unique username for the platform.

This email is already registered.

Input Sizes

PreviewFlowbite

Small

Medium

Large

Toggle Switch

Previewshadcn

Email notificationsMarketing emails

Textarea with Count

PreviewOrigin UI

Bio

200 characters remaining

Radio Card Group

PreviewOrigin UI

Free5 projectsStandard20 projectsPremiumUnlimited

Form Layout

PreviewNoira UI

First Name

Last Name

Role

Disabled Inputs

PreviewNoira UI

Plan

Bio