Layout Controls

Expose controls for adjusting a layout demonstration.

@sigil-ui/componentsReact

Preview

import { LayoutControls } from "@sigil-ui/components";

<LayoutControls className="!grid-cols-1" />

Prop	Type	Default	Description
`onPatch`	`(category: string, key: string, value: string) => void`	—	On Patch configuration.
`values`	`{ navbarHeight?: string; pageMargin?: string; gutter?: string; sectionGap?: string; bentoGap?: string; bentoRadius?: string; contentMax?: string; gridColumns?: string; }`	—	Values configuration.
`className`	`string`	—	Additional classes merged with the component styles.

Header

Group the introductory content of a page or section.

Main

Mark and arrange the primary content of a page.