Skip to content
Air
f
rame
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Auto
Getting Started
Introduction
Installation
Usage
VS Code Extension
ESLint Plugin
Browser Support
Layout
Layouts
Grid
Responsive Suffix
Styling
Typography guide
Tokens
Theming
Utilities
Utilities
Spacing
Spacing Utilities
Padding
Margin
Display & Alignment
Display & Alignment
Align items
Display
Flex direction
Flex wrap
Justify content
Vertical align
Color
Color Utilities
Background color
Border color
Gradients
Text color
Typography
Typography
Numeric
Text alignment
Text style
Text wrapping & clamp
Layout
Layout Utilities
Align self
Density & hit area
Flex sizing
Order
Sizing
Interaction & Overflow
Interaction & Overflow Utilities
Cursor
Focus ring
Inert
Outline
Overflow
Pointer events
Reduce motion
Scroll behavior
Scrollbar
User select
Position
Position Utilities
Position
Inset
Visibility & State
Visibility & State Utilities
Border width
Radius
Shadow
State helpers
Visibility
Patterns
Patterns Overview
Foundations
Foundations
Divider
Images
Links
Lists
Section & Surface
Buttons, Badges & Status
Buttons
Button
Button Group
Icon Button
Link Button
Badges & Chips
Avatar
Badge
Chip
Icon Box
Pill
Skeleton
Spinner
Forms
Forms
Checkbox
Classless Form
Field
File Input
Form Layout
Input
Input Group
Label
Radio
Range
Select
Switch
Textarea
Validation & Error States
Navigation
Navigation
Breadcrumbs
Dropdown Menu
Menu List
Nav Collapse
Navbar
Pagination
Side Navigation
Table of Contents
Content & Messaging
Content & Messaging
Alert
Banner
Callout
Card
Empty State
KPI
Meter
Progress
Toast
Data Display
Data Display
Accordion
Code Block
Description List
List Group
Steps
Table
Timeline
Overlays
Overlays
Backdrop
Dialog
Drawer
Misc
Misc
Print Styles
Tooltip
Recipes
Copy-Paste Recipes
React Recipes
Frameworks
Framework Support
Angular Setup Guide
Next.js Setup Guide
Accessibility
Accessibility Overview
Color & Contrast Guidance
Form Accessibility Patterns
Keyboard & Focus Guidance
Pattern Contracts
Screen Reader Utilities
Migration
Coming from Bootstrap or Tailwind
Tailwind Migration Guide
Bootstrap Migration Guide
Advanced
Build Tool
CSS Variable Overrides
Reference
AI and Human Engineering
AI Rules
Comparison
Manifesto
License
GitHub
Select theme
Dark
Light
Auto
File Input
File upload input.
Markup
Section titled “Markup”
<
input
type
=
"file"
class
=
"af-file-input"
/>
Live example
Section titled “Live example”