LogoSuchi
Anatomy

Section Content

The main content for each Section.

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


Props

PropTypeDefault
children
ReactNode
-
className
string
""
style
CSSProperties
{}

Sample Usage

page.tsx
<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>

Previous

Section Header

Next

Reference

On this page