Back to Input Documentation

Input Component Demos

Explore all the different ways to use PM7 input components

Basic Input

Simple text input fields with labels and helper text

Input Sizes

Small, medium, and large input field sizes

Input States

Normal, disabled, error, success, and read-only states

Input Types

Various HTML5 input types with PM7 styling

Input with Icons

Input fields enhanced with icon indicators

Textarea

Multi-line text areas with various features

Select Dropdown

Dropdown selection fields with groups and multiple selection

Checkbox & Radio

Selection controls for single and multiple choices

Complete Form

Comprehensive form example with all input types

Gradient Border

Input fields with animated gradient borders