Anatomy
Content

Content

The main content for each Section.

Any valid JSX element can be used to add texts, images, videos, iframes, etc.

Props

PropDescriptionRequired
childrenAny valid JSX element and Referencefalse
classNameAdditional CSS classes for the componentfalse
styleInline CSS stylesfalse

Sample Usage

<Suchi.Root accentColor="orangered" className="article_wrapper my-8" style={{ padding: "16px"}}>
  <Suchi.Index />
  <Suchi.Header className="my-4 text-3xl font-bold">Building a NPM Libray</Suchi.Header>
 
  <Suchi.Section className="my-4">
    <Suchi.SectionHeader className="text-2xl">Project Setup</SectionHeader>
    <Suchi.Content className="py-4">
        <p>Begin by creating a new directory for your library and ...</p>
    </Suchi.Content>
  <Suchi.Section>
</Suchi.Root>
Section HeaderReference