Anatomy
Header

Header

This is the main header of the page or article. The Header component can be omitted if a header is not needed.

Props

PropDescriptionRequired
childrenAny valid JSX elementtrue
classNameclassNames for the Header componentfalse
styleCSS 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>
    <Suchi.SectionHeader/>
    <Suchi.Content>
      <Suchi.Reference/>
    </Suchi.Content>
  <Suchi.Section>
</Suchi.Root>