Design
search
search
gear
settings
menu
Design
Principles
Colors
Typography
Images
Guides
Web Development
Quick Start
No Framework
Next.js
SvelteKit
Support
Get Support
Contribute
Utilities
Colors
Grained Colors
Formatting Data
Prose
Animation & Transitions
Basics
Folding
Components
Accordion
Badge
Balance Indicator
Button
Button Group
Card
Conversation Bubble
Credit Warning
Date Picker
Description List
Dots Indicator
Filter Menu
Heading
Icon
Links
Loading
Notification
Progress Bars
Site Header
Site Footer
Steps
Tabs
Triangle
Form Elements
Checkbox
Dropdown
Error Message
Input
Radio Button
Read-only Field
Slider
Toggle
Examples
Formik
React Hook Form
External Links
GitHub
externallink
Checkbox
#
Your Label Text Here
jsx
html
Properties
Class Name
(emptry string)
hover:text-green-700
Required
required
Children
Props
show props extended from libraries
name
type
default
description
Design