Layouts

Variation Demo

The variationdemo feature shows how multiple components look within a single variation context. This is useful for comparing different UI elements under the same styling conditions.

Black Background Demo

Shows all button color variants on a black background. This auto-discovers all components that have @variations bg which matches bg.black.

White Background Demo

Shows all button color variants on a white background.

Explicit Selection

Shows only the black button variant on a blue background using explicit component selection with the + prefix.

Exclusion Example

Shows all components except the white button on a gray background using exclusion with the - prefix.