LogoSuchi
Anatomy

Header

This is the main header of the page or article.

The Header component can be ignored if a header is not needed.

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>
    <Suchi.SectionHeader/>
    <Suchi.Content>
      <Suchi.Reference/>
    </Suchi.Content>
  <Suchi.Section>
</Suchi.Root>

On this page