Skip to Content

Panel

Like Card, but built for page sections: the header carries a title plus extra actions on the right.

API keys
No keys yet.
import { Panel } from '@gg-software/ui'; <Panel title="API keys" extra={<Button size="sm">Create key</Button>} footer={<Hint />}> <KeyList /> </Panel>;

Props

PropTypeDefaultDescription
titleReactNode
extraReactNodecontent on the right of the header (actions)
footerReactNode
childrenReactNodecontent rendered inside the component
classNamestring

* required · generated from packages/ui/src/containers/Panel/Panel.tsx