Skip to content

Search⌘K

Getting started

Home Introduction Changelog NPM package FAQ

Foundations

Typography Colors Content Surfaces Spacing Layout

Components

Accordion Avatar Avatar group Badge Breadcrumb Button Card CardFooter CardHeader CardPreview Carousel CarouselNav Checkbox CodeBlock ColorPicker Combobox Compound button CopyButton CoreAIFluentProvider Counter Badge Data grid DateTimePicker Dialog Divider Drawer Dropdown DropdownButton Field FileUpload Illicon Image Info button Info label Input Interaction tag Label Link LinkButton List Markdown Menu MenuButton MenuList Message bar Overflow Persona Popover Portal Presence badge Progress bar Radio group Rating RatingDisplay Search box Select Skeleton Slider Spin button Spinner Split button Status indicator Swatch picker Switch Table TabList Elevated Tabs Tag Tag picker TagGroup Teaching popover Text Textarea Toast ToggleButton toMountNodeProps Toolbar Tooltip Tree

Templates

Details List Empty state Filter bar Page header React Router / Breadcrumb Link React Router / Card Link React Router / Link React Router / Link Button React Router / Menu Item Link React Router / Tab Link React Router / Tab Link List Shell and navigation Top nav

Guides

Styling with CSS Modules Theming Variations from Fluent

Questions?Feedback

Spacing

CoreAI spacing guidance.

Docs/skill 0.1.1; CoreAI 0.12.0; Fluent 9.74.9. Agent index · Coverage and provenance · License