Content

Import from @falcon/ui-kit/dist/legacy, not @falcon/ui-kit.

Content provides a vertical page content container with consistent padding and spacing between content sections.

Example

Code

<div style={{ margin: "0 auto", width: "fit-content" }}>
  <Content>
    <Content.Section>{"<Content.Section />"}</Content.Section>
    <Content.Section>{"<Content.Section />"}</Content.Section>
    <Content.Section>{"<Content.Section />"}</Content.Section>
  </Content>
</div>

API

Content

Name	Type/Description
className	string | undefined

ContentContainer

Name	Type/Description
className	string | undefined

ContentSection

Name	Type/Description
className	string | undefined