Content · Site

Content page with progressive navigation, share action, and disclosures.

A content-oriented page that still uses Batoi UIF for route links, accordions, callouts, and copy-friendly patterns.

UIFDeclarative behavior

CopyStarter markup

0 depsRuntime footprint

Live example

Article layout

Use the same lean framework for content surfaces and app screens.

Article

Server-rendered pages enhanced with Batoi UIF components can stay simple, fast, accessible, and copy-friendly.

Disclosure content can be progressively enhanced without changing the server-rendered baseline.

Builder

Adjust the presentation of this example, then copy the starter markup for your own page.

Accent Density Surface Starter markup

<section data-uif="accordion"><button data-uif-role="trigger">More</button></section>

CSS