Components

Live Bootstrap 6 controls skinned as Bastion. Search the list, open the dialog and press Escape, and trigger a toast. Copy is sample workspace data.

SAMPLECatalog actions are local. Bootstrap 6.0.0-alpha.1 is scoped to this frame.

Find a component

Buttons

Square corners. Green is the action. Amber is attention. Danger is a separate label, not the brand color. Tab to each control. Disabled buttons do not activate.

Badges

RUNNINGREVIEWRESOLVEDPAGE

Every badge includes a word. Color repeats the word; it does not replace it.

Alerts

High CPU on worker (62%). This is a sample alert.

Cards

SERVICE · worker

Queue depth 128. Sample only.

Forms

Service name Severity InfoWarningPageNote

Choices

Include resolved incidents

Notify

Pager Mail

CPU threshold 62%

Tables

Sample service table

Service	Status	Replicas
api	RUNNING	3/3
worker	RUNNING *	2/3

Meters

18%

62%

Bars animate in on the dashboard. Here they show the final sample values.

Tabs

Live view, sample series. Arrow-key tab patterns belong to the app; these are toggle buttons.

Lists

• 09:52:11 INFO health check passed
• 09:52:16 WARN high CPU on worker

Accordion

Tokens

Use the phosphor and amber tokens. Do not borrow another language’s palette.

Motion

Short entrances, blinking lamps, and a slow scan. Reduced motion keeps the final state.

Scope

Bootstrap 6 is pinned and scoped to .bst-root.

Dialog

Native dialog. Escape closes it and returns focus.

Toasts

Navigation

Bastion / Catalog / Live

Page 1 / 3

Empty and loading

No deploys in this sample window.

Loading sample… the bars above are placeholders, not a spinner that hides content.

Archive sample?

This closes locally. No service is deleted.

Families

Buttons, badges, alerts, cards, forms, checks and radios, range, tables, meters, tabs, lists, accordion, dialog, toasts, breadcrumb and pagination, empty and loading.

Buttons use btn-solid or btn-outline with theme-success, theme-warning, or theme-danger. Layout utilities use the alpha prefix form (md:col-6). See Usage for the quirks that come with the pin.

Keyboard

Tab reaches each control. Enter activates buttons. Space toggles native checks. Escape closes the dialog. Disabled controls cannot be activated. Tabs in this catalog are toggle buttons with aria-selected; a production tablist still needs arrow keys and a tabpanel.