sigilUI

Large Text Section

Full-width statement section with large display text. Highlights strong/em elements in the primary color.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

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

Usage

<LargeTextSection
  text={<>Ship interfaces that feel <em>alive</em> — powered by tokens, not guesswork.</>}
/>

Left-aligned

<LargeTextSection
  text="Design systems should be invisible infrastructure."
  align="left"
/>

Props

PropTypeDefaultDescription
textReactNoderequiredDisplay text content. <strong> and <em> render in primary color.
align"left" | "center""center"Text alignment
classNamestring—Additional CSS classes

Plus all standard <section> HTML attributes.