Skip to content
CFA Design System
Search
Ctrl
K
Cancel
Github
Home
Introduction
Overview
Engineers
Getting Started
Designers
Getting Started
Foundations
Color
Icons
Overview
Brand Icons
System Icons
Typography
Components
Overview
Accordion
Autocomplete
Avatar
Badge
Banner Message
Base Button
Breadcrumbs
Button
Calendar
Card
Cart Input
Checkbox
Checkbox Group
Chip
Combo Box
Contextual Help
Date Picker
Date Range Picker
Divider
Drawer
File Trigger
Grid List
Heading
Icon Button
Input
Label
Link
List Box
Loading Indicator
Menu
Message Block
Modal
Number Input
Page Loader
Popover
Progress Bar
Radio Group
Search Input
Select
Slider
Stepper
Surface
Switch
Table
Tabs
Tag Group
Text Area
Text Area Input
Text Input
Time Input
Toggle Button
Tooltip
Hooks
useFilter
useStepState
Guides
Client Side Routing
CSS Layering
Migrating from @cfa/react-components
React Hook Form
Selection
TailwindCSS V3
TailwindCSS V4
Chart Design
Overview
Color
Typography
Charts
Overview
KPI
Vertical Bars
Horizontal Bars
Line
Heat Map
Scatter / Bubble
Donut / Pie
Support & Contributing
Changelogs
@cfa/react-core
@cfa/brand-icons
@cfa/system-icons
@cfa/design-tokens
@cfa/tailwind-utils
Github
Table
Guidelines
React
🚧 Coming Soon
