Home Blocks AI tools Figma Pricing

FAQ Blogs Contact us About us

Sign In Get the Figma

Free componentsFREE BlocksPRO Code library + MCPSOON Figma filePRO

Getting started

What's available

Foundations

Guides

Components

Button Link Button Ghost Button Fancy Button Compact Button Button Group

Displaying Data

Avatars Avatar Group Avatar Compact Group Badges Tag Fancy Tag Data Table Content Label Content Divider KBD Line Progress Bar Circular Progress Bar Rating

Alert & Notification Tooltip Banner

Checkbox Radio Color Picker Date Picker OTP Input File Upload Hint Input Label Dropdown Slider Switch Text Area

Accordion Breadcrumb Segmented Control Tab Menu Horizontal Tab Menu Vertical

Dot Stepper Pagination Navbar

Command Menu Modal Popover

Input

Change any property and watch the Input follow.

Overview Playground Accessibility

Field Title*

As it appears on your ID.

This is a hint text to help user.Info Here

Input type

State

Pill

Shadow

PreviousHint NextLabel

Documentation

On this page

Free componentsFREE BlocksPRO Code library + MCPSOON Figma filePRO

Getting started

What's available

Foundations

Guides

Components

Button Link Button Ghost Button Fancy Button Compact Button Button Group

Displaying Data

Avatars Avatar Group Avatar Compact Group Badges Tag Fancy Tag Data Table Content Label Content Divider KBD Line Progress Bar Circular Progress Bar Rating

Alert & Notification Tooltip Banner

Checkbox Radio Color Picker Date Picker OTP Input File Upload Hint Input Label Dropdown Slider Switch Text Area

Accordion Breadcrumb Segmented Control Tab Menu Horizontal Tab Menu Vertical

Dot Stepper Pagination Navbar

Command Menu Modal Popover