caliper uidocs

Workspace chrome

Pro

The navigation around an app: a workspace sidebar, an icon rail that slides open, and the sidebar and outline of a docs site.

Kind Pro compositionComponents 6

Workspace sidebar and rail

Northwind

Home

Use the arrow keys in the sidebar to move between pages, and Left and Right to fold a section. Pin a page to keep it in the Pinned list.

Docs sidebar and outline

Data grid

Overview

Documentation text that is long enough for the outline on the right to follow your reading position as you scroll. Overview explains one idea at a time, with a short example and a note on edge cases.

Keep paragraphs short, show the code, and link to related pages rather than repeating them.

Install

Documentation text that is long enough for the outline on the right to follow your reading position as you scroll. Install explains one idea at a time, with a short example and a note on edge cases.

Keep paragraphs short, show the code, and link to related pages rather than repeating them.

With npm

Documentation text that is long enough for the outline on the right to follow your reading position as you scroll. With npm explains one idea at a time, with a short example and a note on edge cases.

Keep paragraphs short, show the code, and link to related pages rather than repeating them.

With pnpm

Documentation text that is long enough for the outline on the right to follow your reading position as you scroll. With pnpm explains one idea at a time, with a short example and a note on edge cases.

Keep paragraphs short, show the code, and link to related pages rather than repeating them.

Use it

Documentation text that is long enough for the outline on the right to follow your reading position as you scroll. Use it explains one idea at a time, with a short example and a note on edge cases.

Keep paragraphs short, show the code, and link to related pages rather than repeating them.

Props

Documentation text that is long enough for the outline on the right to follow your reading position as you scroll. Props explains one idea at a time, with a short example and a note on edge cases.

Keep paragraphs short, show the code, and link to related pages rather than repeating them.

Page appearance

Components #

Each component has its own page with a focused preview, installation, usage and API.