ShowcaseSection

Section header with optional numbered prefix and description. Top-border divider for docs/reference pages.

Preview

Usage

import { ShowcaseSection } from '@ramtt/ui'

<ShowcaseSection number="01" title="Hue register" description="All 20 hues × 7 stops. 160 colors.">
  {/* grid / table content */}
</ShowcaseSection>

Props

PropTypeDefaultDescription
numberstringNumbered prefix, e.g. "01"
title*stringSection title
descriptionstringDescription below title
childrenReactNodeSection content