shiso
Components

Overview

Built-in MDX components available on every docs page without imports.

Shiso injects its docs components into the MDX scope, so you can use them directly in any page under content/docs.

Content structure#

Accordion

Expandable FAQ-style sections.

Expandable

A single collapsible block.

Tabs

Switch between alternate content panes.

Steps

Numbered walkthroughs.

Callouts and labels#

Callout

Note, Tip, Warning, Info, Check, Danger.

Tooltip

Short hover/focus hints.

Badge

Inline status or version labels.

Frame

Bordered media with an optional caption.

Layout#

Card

Linked or static summary cards.

Columns

Side-by-side content grids.

Code Group

Tabbed code snippets.

Icon

Lucide icons by name.

Panel

Pin content to the right rail.

Tiles

Visual previews in a grid.

Updates and diagrams#

Update

Dated changelog entries.

Changelog

Filterable update feeds.

Mermaid

Diagrams from text.

Tree

File and folder structures.

API and reference#

Properties Table

Tables for parameters, object properties, and schema fields.

Full component list#

These names are available in MDX with no import:

Accordion, AccordionGroup, Badge, Callout, Note, Tip, Warning, Info, Check, Danger, Card, CardGroup, Changelog, CodeGroup, Columns, Column, Expandable, FileTree, Frame, Icon, Mermaid, Panel, Param, PropertiesTable, PropertiesTable.Row, Steps, Step, Tabs, Tab, Tile, Tiles, Tooltip, Tree, Update

Icon names on icon props come from the lucide set and are collected from your content at build time.

Last updated on
Edit this page