Panel

Group related content on a token-styled surface.

@sigil-ui/componentsReact

Preview

import { Panel, PanelHead } from "@sigil-ui/components";

<Panel>
    Panel content
  </Panel>

This component includes the following parts:

Prop	Type	Default	Description
`compact`	`boolean`	—	Tighter padding rhythm.
`square`	`boolean`	—	Flush corners + tighter rhythm for inset/detail layouts.

NumberField

Edit a numeric value with increment and decrement controls.

PasswordInput

Enter a password with a visibility toggle.