Panel
A panel shows related content beside the main page.
Install
One package and one stylesheet. The stylesheet holds the tokens every component uses.
pnpm add @wolf-rayet/reactimport '@wolf-rayet/react/css/wolf-rayet.css';
import { Panel } from '@wolf-rayet/react';Props
A required prop is marked with an asterisk.
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | None | Names what is in the panel. Leave it out only when the content makes that clear. |
| children * | ReactNode | None | The content of the panel. |
Accessibility
What the component does for you, and what it needs from you.
- The title is a real heading, so people can reach the panel by navigating headings.
- A panel comes after the main content in the reading order, which is usually the right place for it.