Components
Components are the systematic building blocks of Forge that empower users to create consistency across their products.
Badge
Short status or count attached to another element
Button
Triggers an action; appearance shows its priority
Card
Groups related content on one surface
Checkbox
Chooses any number of options from a set
Checkbox group
Shares one label across several choices
Divider
Separates stacked or side-by-side content
Icon
Shows a Forge icon at system sizes and colors
List item
Shows one object with a title and supporting detail
List group
Holds related items as one list
Menu
Offers actions or options from a trigger
Notification
Inline message that needs attention on the page
Progress
Shows how far a task or a wait has gone
Radio
Chooses the one option in a set
Radio group
Shows a set where only one option can be on
Select
Chooses one option from a list that opens
Switch
Flips a setting between on and off
Tag
Labels something with a status or category
Tag group
Shows several labels as one group
Toast
Reports an outcome, then leaves on its own
Tooltip
Explains a control while someone points at it
Input
Input
Collects a short, single-line value
Input - Currency
Enters an amount of money
Input - Email
Enters an email address
Input - Number
Enters a number and steps it up or down
Input - Password
Enters a secret and can show or hide it
Input - Search
Finds a match as someone types
Input - Telephone
Enters a phone number
Input - Textarea
Collects text that runs past one line
Input - URL
Enters a web address