Reference List

Renders a list of all the Reference mentioned inside the Root.

💡

ReferenceList is required to render all the Reference.

Props

Prop	Description	Required
className	Additional CSS classes for the component	false
style	Inline CSS styles	false

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">
        <Suchi.Reference
            title="AWS Nitro Enclave"
            link="https://aws.amazon.com/ec2/nitro/nitro-enclaves/"
            className="underline underline-offset-2"
        >
            AWS Nitro Enclaves
        </Suchi.Reference>
    </Suchi.Content>
  <Suchi.Section>
 
  <Suchi.ReferenceList /> // Required to render all References
</Suchi.Root>

Reference Styling