Foundry
Foundry

Notifications

Sample data - see the notifications skill.

Forms

A real, working form - not a visual reference - demonstrating text, email, select, textarea, checkbox, trigger-card radio group and toggle-switch controls, all rendered through Bootstrap's own form theme. Nothing submitted here is stored.

Send feedback about a component

All fields are required except the checkboxes.

Priority

A form in a popup

For a short form that does not need a page of its own. The popup keeps focus inside it, closes on Escape or a click outside, and if you submit it with mistakes it opens again with each problem explained.

Invite a colleague

Invite a colleague

All fields are required except the note and the checkbox.

Cancel

Try it invalid

Submit the form empty, or with a malformed email address, to see the error summary (moves keyboard focus to itself and links each problem to its field - WCAG 3.3.1) and each field's own .is-invalid/.invalid-feedback styling.

Empty state

No components matched

Try a different search, or browse the full catalogue.

Clear search

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

Forms

Submit the form empty to see the error pattern: a summary at the top linking to each problem, and every error tied to its field so a screen reader reads them together. Nothing you type is stored or sent.

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?