Web Components

React

Vue

@media (max-width: 63.999rem) { [data-page-frame-layout] { flex-direction: column !important; } .docs-sidebar { width: 100% !important; } .mobile-sidebar-pane { position: static !important; inset: auto !important; display: flex !important; width: 100% !important; max-height: min(60svh, 32rem); border-bottom: 1px solid var(--color-border); } .main-frame { width: 100% !important; } starlight-menu-button { display: none !important; } }

Separator

Availability: @proto.ui/prototypes-brutalist@0.2.0 is published under npm latest as part of v0.2.0. Lifecycle: P-BRUTALIST-SEPARATOR and its inherited Base protocol remain draft; this page describes the released and tested 0.2 surface, not an active protocol guarantee.

Brutalist Separator preserves Base orientation and decorative accessibility semantics and renders a flat 2px ink rule.

Use it for message-date groups, Card sections, navigation lists, and form regions. It has no spacing policy; surrounding composition owns spacing.