Team Section
Introduce team members and their roles.
Preview
Import
import { TeamSection } from "@sigil-ui/components";Usage
<TeamSection
label="Team"
title="The people behind Sigil"
members={[
{ name: "Riley Chen", role: "Design" },
{ name: "Jordan Kim", role: "Eng" },
{ name: "Mei Tanaka", role: "Product" },
]}
/>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. |
members (required) | TeamMember[] | — | Members configuration. |
columns | 3 | 4 | — | Columns configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-section-py | Section py |
--s-content-max | Content max |
--s-page-margin | Page margin |
--s-radius-full | Radius full |
--s-surface | Surface |
--s-text-muted | Text muted |
--s-text | Text |