Skip to main content
menu
Service design
Fluid Design System
Resources
more_vert
Dark mode
search
Quick search
⌘ k
Getting started
expand_less
Designers
expand_less
Figma
UX principles
Developers
expand_less
Introduction
Fluid Tokens
Dark Mode
Brand
expand_less
Overview
Gradient Ray
Graphic Lines
Imagery
Logo
Pictograms
Foundations
expand_less
Overview
Accessibility
Colors
Iconography
Spacing
Typography
New!
Migration guides
expand_less
Fluid 4 to Fluid 5
Fluid 5 to Fluid 6
Design tokens
Data Visualization
expand_less
Getting Started
Area charts
Bar charts
Line charts
Pie charts
Charts resources
Components
expand_less
Overview
Components status
Accordion
Aura
New
Autocomplete
Avatar
Badge
Breadcrumb
Button
Card
Chat Input
New
Checkbox
Data Table
New
Date Picker
New
Divider
New
Floating Action Button
Footer
Header
Icon Button
Icon
Inline Message
Input Number
Input Password
Input Text
Input Textarea
Link
List
Menu
Modal
Multi Autocomplete
Multi Select
Pagination
Progress
Radio Group
Ray
New
Search
Segmented Control
Select
Sidebar
Sidepanel
Skeleton
Slider
Spinner
Status Indicator
Stepper
Tabs
Tag
Toast
Toggle
Tooltip
Typography Display
New
Typography Heading
New
Typography Text
New
Templates
Support
Link to Fluid's Microsoft Teams channel
help
Link to the support page
Figma
Webcomponents
React
Angular
Vanilla
Go to Figma
Go to Storybook
Go to Storybook
Go to Storybook
Go to Storybook
