Panel

A panel is a container that displays contextual content alongside the main page.

#Default

Use a panel for context that supports the main content.

import { Lozenge, Panel } from '@wolf-rayet/react';

<Panel title="Coverage">
  <p style={{ margin: 0 }}>7 of 8 seats staffed.</p>
  <p style={{ margin: '8px 0 0' }}><Lozenge appearance="moved">One seat open</Lozenge></p>
</Panel>