sigilUI

Section Heading

Reusable heading block with label, title, and description for page sections.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

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

Usage

<SectionHeading
  label="Features"
  title="Everything you need"
  description="A complete toolkit for building modern interfaces."
/>

Centered

<SectionHeading
  label="About"
  title="Why teams choose us"
  align="center"
/>

Props

PropTypeDefaultDescription
labelstring—Uppercase mono label above the title
titleReactNoderequiredSection heading text
descriptionReactNode—Supporting paragraph below the title
align"left" | "center""left"Text alignment and max-width behavior
classNamestring—Additional CSS classes

Plus all standard <div> HTML attributes.