Components | Touying

📄️ lazy-v

Insert a deferred fractional vertical space inside a block, used together with lazy-layout to push content to the bot...

Insert a deferred fractional horizontal space inside a block, used together with lazy-layout(direction: ltr) (or any ...

Equalize the sizes of multiple side-by-side (or stacked) blocks along one axis, while keeping the overall container s...

A simple wrapper around grid that creates a single-row grid.

Adaptive columns layout that automatically chooses the number of columns based on content height.

Touying progress bar.

Place two content blocks at the left and right edges of the available width using a three-column grid.

Create a slide where the provided content blocks are displayed in a grid with a checkerboard color pattern.

Show progressive outline.

A fully-featured progressive outline that renders headings from multiple levels with per-level styling.

Section navigation component showing all sections and their per-slide progress as small filled/empty circle dots.

A horizontal navigation bar showing all level-1 sections as clickable links.

LaTeX-like knob marker for list items.

A non-breakable page container that prevents slide content from overflowing to the next page.