Reference

You can add links using Reference that can be grounded into a Reference List using the ReferenceList component.

The Reference and ReferenceList components are useful for listing sources or citations used in your page or article, typically at the end.

ReferenceList is required to render the reference list.

Props

Prop	Type	Default
`children`	`ReactNode`	-
`className`	`string`	-
`style`	`CSSProperties`	-
`link`	`string`	-
`title`	`number`	-
`target`	`number`	`_self`

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">

      <Suchi.Reference

          title="AWS Nitro Enclave"

          link="https://aws.amazon.com/ec2/nitro/nitro-enclaves/"

          className="underline underline-offset-2"

          target="_blank"

      >

          AWS Nitro Enclaves

      </Suchi.Reference>
    </Suchi.Content>
  <Suchi.Section>
 
  <Suchi.ReferenceList /> // Required to render all References
</Suchi.Root>

Reference

Props

Sample Usage

On this page