Foundry
Foundry

Notifications

Sample data - see the notifications skill.

Data table

A real search and numbered pagination - not a fixed list captioned "and more". Try searching for something that doesn't exist to see the empty state.

0 selected
Component Category Used in Status
Product page Layout 1 app Stable
Customiser panel Layout 0 apps Stable
Collapsed and horizontal layouts Navigation 0 apps Stable
Icon chip and delta pill Data 0 apps Stable
Avatar stack Data 0 apps Stable
Pill tabs Navigation 0 apps Stable
Account settings pages Forms 0 apps Stable
Profile page Layout 0 apps Stable

Status breakdown

Show the data as a table
Component status breakdown
Stable Planned
Components 51 1

Customise

Changes apply as you choose them.

Theme
Colour

Preview the kit in another accent. Fifteen colours, evenly spaced and equally strong, each measured to pass AA in light and dark; high contrast keeps its own.

Skin
Layout

On screens narrower than a laptop every layout uses the slide-out menu.

Content width
Density
Font

Saved in two cookies on this device (fo_theme, fo_shell), never sent anywhere else. Privacy notice.

Help

About this page

Data table

Search, sort and page through the table; each works without JavaScript. Tick rows to see the bulk-action bar. On a narrow screen the table scrolls sideways - tab to it and use the arrow keys.

Without a mouse

Every control on this site works from the keyboard, including this panel (Escape closes it). Anything you can drag also has a menu or form that does the same thing.

Still stuck?