Outline

Outline — a CSS-first, fully-tokened Outline component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.

Real use · scroll-spy docs page (scroll the panel below)

Installation

Placeholder copy for the “Installation” section — long enough to make the panel actually scroll so the active link updates as you go.

Via npm

Placeholder copy for the “Via npm” section — long enough to make the panel actually scroll so the active link updates as you go.

Via CDN

Placeholder copy for the “Via CDN” section — long enough to make the panel actually scroll so the active link updates as you go.

Usage

Placeholder copy for the “Usage” section — long enough to make the panel actually scroll so the active link updates as you go.

Theming

Placeholder copy for the “Theming” section — long enough to make the panel actually scroll so the active link updates as you go.

Color tokens

Placeholder copy for the “Color tokens” section — long enough to make the panel actually scroll so the active link updates as you go.

Dark mode

Placeholder copy for the “Dark mode” section — long enough to make the panel actually scroll so the active link updates as you go.

FAQ

Placeholder copy for the “FAQ” section — long enough to make the panel actually scroll so the active link updates as you go.