Sections

Storybook

GitHub

The <Sections> and <Section> components standardize the appearance and spacing of "sections" on a page.

Examples

Default

First section

Section content

Second section

Section content

Open in Playroom

<Sections>
  <Section title="First section">
    <Placeholder label="Section content" height={60} />
  </Section>
  <Section title="Second section">
    <Placeholder label="Section content" height={60} />
  </Section>
</Sections>

Props

<Sections>

children

Required

ReactNode

ref

(instance: any) => void | RefObject<any>

<Section>

children

Required

ReactNode

title

Required

string

ref

(instance: any) => void | RefObject<any>