LogoSuchi

Getting started

Installation

Use a package manager of your choice to install Suchi in your project.

pnpm i suchi

Usage

Import Suchi into your component and use it accordingly.

page.tsx
import Suchi from "suchi";
 
<Suchi.Root accentColor>
  <Suchi.Index />
 
  <Suchi.Header/>
  <Suchi.Section>
    <Suchi.SectionHeader/>
    <Suchi.Content>
      <Suchi.Reference/>
    </Suchi.Content>
  <Suchi.Section>
</Suchi.Root>

Learn more about using each Suchi component in the following section.

Next

How it works

On this page