Install Section
Present installation commands and setup guidance.
Preview
Import
import { InstallSection } from "@sigil-ui/components";Usage
<InstallSection
label="Get started"
title="Install in seconds"
commands={[
{ label: "npm", command: "npm install @sigil-ui/components" },
{ label: "pnpm", command: "pnpm add @sigil-ui/components" },
{ label: "yarn", command: "yarn add @sigil-ui/components" },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Readable label for the component. |
title | string | — | Heading displayed in the component. |
description | string | — | Supporting text below the heading. |
note | string | — | Note configuration. |
commands (required) | InstallCommand[] | — | Commands configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-section-py | Section py |
--s-content-max | Content max |
--s-page-margin | Page margin |
--s-font-mono | Font mono |
--s-primary | Primary |
--s-font-display | Font display |
--s-text | Text |
--s-text-muted | Text muted |
--s-text-subtle | Text subtle |
--s-radius-md | Radius md |
--s-border | Border |
--s-surface | Surface |