what a control is made of, plain or glass, set once for a whole section
components
every base control, the small ones livenpx shadcn add @ag/componentsthe 47 controls it installs
uses material, button, badge, label, textarea, checkbox, radio-group, switch, select, toggle-group, rating, vote, tabs, separator, spinner, skeleton, panel, group-box, readout, field, form, setting, dialog, command, sheet, popover, hover-card, toast, alert, accordion, menu, breadcrumb, slider, number, tree, tooltip, progress, input, kbd, shortcut, thumb-strip, edge-arrows, scroll-area, scroll-thumb, calendar, date-picker, resizable
glass & surfaces
the one capped scroller: its ends fade, it wears thumbs when long, the page scrolls on
a long scroller's scrollbar: thumbs over the content that take no room, and drag
controls
sections that open in place, one at a time or several
a callout in the page's flow: success, warning or error, with an action
a small label for a status, a version or a count, plain or glass
where a page sits, as the links above it, a long middle folded into ⋯
a button in either material: shadcn's variants and sizes, toggle and loading
a month to pick a day or a range of days from, every key of the date grid
a yes or no ticked in a box, a dash for a group partly ticked
a command palette: a field that finds actions as you type, their keys drawn
a day or a range of days chosen from a field that opens the calendar
a modal for a decision, centred over the page, or a panel beside a live page
‹ and › at the edges of a stage, quiet until the stage is hovered
one control and what is said about it: label, description, error, required
a form engine over any schema: typed fields, errors when due, async checks
a group named on its edge, the name in a gap in the border, for dense panels
what is behind a link, shown while the hand rests on it
a text field: a sunken well, red when wrong, plain or a pill of glass
keyboard shortcuts drawn as keys, from any notation
what a field is called: a real label that focuses its field when pressed
a menu of verbs that teaches each one's shortcut, on a right click or a more button
a number you drag, type or step, its unit beside it, for input type=number
the one container, plain or glass: a title or a head, a foot, and a body that scrolls
a small surface anchored to the control that opened it
one of a few, each shown, chosen with the arrow keys
panes side by side or stacked, handles between, sizes as shares of the room
one of a list, opened over the field: options with icons, in groups
a hairline between two things, across or down
a value that falls back to a default: set here, inherited, or locked here
a panel sliding in from an edge of the window, the page held behind it
any input drawn as what the hands do: keys, clicks, drags, scrolls
the shape of something still coming, breathing slowly while it loads
a slider with named marks to snap to and a drawing behind its track
work under way: a ring with a turning arc, still under reduced motion
on or off at once: a track and a thumb sliding across
views of one thing, one at a time: a segment or a line, swiped between, panels kept
text of several lines that grows as it is written, plain or glass
a reel's thumbnails in one row, the current one lit and centred
toasts with sonner's API: a stack at the window's foot, actions, promises
a segmented control: one or several options lit, a highlight gliding
shadcn's tooltip on Base UI, plus a control's name with its keys, and hints
a tree of files, layers or tags: every key, selection, rename, drag to move