Getting Started
Input
Forms
Navigation and actionables
Data Display
Item
A versatile component that you can use to display any content.
Basic Item
A simple item with title and description.
Your profile has been verified.
Item vs Field
Use Field if you need to display a form input such as a checkbox, input, radio, or select.
If you only need to display content such as a title, description, and actions, use Item.
Variants
Default Variant
Standard styling with subtle background and borders.
Outline Variant
Outlined style with clear borders and transparent background.
Muted Variant
Subdued appearance with muted colors for secondary content.
Sizes
Basic Item
A simple item with title and description.
Your profile has been verified.
Icon
Security Alert
New login detected from unknown device.
Avatar
ER
Evil Rabbit
Last seen 5 months ago
CNLRER
No Team Members
Invite your team to collaborate on this project.
Image
Group
n
nerdfish
test@test.com
n
nerdfish1
test@test.com
n
nerdfish2
test@test.com