Accordion Alert Alert Dialog Allocation Treemap Aspect Ratio Avatar Badge Breadcrumb Button Button Group Calendar Card Carousel Cause Allocation Treemap Cause Row Chart Checkbox Collapsible Colors Combobox Command Context Menu Data Table Date Picker Dialog Direction Directory Organization Card Dot Chart Drawer Dropdown Menu Dynamic Action Empty Field Filter Chip Focus Bubbles Footer Hover Card Image Carousel Impact Badge Impact Chart Input Input Group Input OTP Item Kbd Label Logo Placeholder Marketing Footer Marketing Gradient Underline Marketing Nav Marketing Organization Card Marketing Tooltip Menubar Native Select Navigation Menu Org Accordion Org Accordion Item Org Row Organization Card Overview Selector Page Tabs Pagination Popover Progress Progress Bar Radio Group Resizable Review Status Badge Ridge Divider Scroll Area Section Select Separator Sheet Sidebar Skeleton Slider Sonner Sort Dropdown Spinner Stat Stat Card Status Pill Step Chrome Stepper Switch Table Tabs Textarea Timeline Step Toast Toggle Toggle Group Tooltip Top Nav Top Nav Unauth Typography Update Card Updates Area Updates Section Welcome

Spinner

An indicator that can be used to show a loading state.

Installation

pnpm dlx shadcn@latest add @ffg/spinner

Usage

import { Spinner } from "@/components/ui/spinner";

Sort Dropdown

FFG-native controlled sort control — a chip-styled native select with leading sort glyph and trailing caret.

Stat

FFG-native organization stat — a label with a muted info glyph above a large tabular value.

On this page

Installation Usage