Content

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

Code

import { Content } from "@falcon/ui-kit/dist/legacy";

export function Example() {
  return (
    <Content>
      <Content.Section>{"<Content.Section />"}</Content.Section>
      <Content.Section>{"<Content.Section />"}</Content.Section>
      <Content.Section>{"<Content.Section />"}</Content.Section>
    </Content>
  );
}

API

Content

Props

children

children?: React.ReactNode

className

className?: string

ContentContainer

Props

children

children?: React.ReactNode

className

className?: string

ContentSection

Props

children

children?: React.ReactNode

className

className?: string