SectionNav

Grid of navigation cards teasing a site's top-level sections, each with a short description and an internal- or external-link affordance.

Landing

Usage

import { SectionNav } from "@zudo-sg/ui/src/landing/section-nav/section-nav";

<SectionNav heading="Explore the site" links={links} />

Default (6 sections)

With an external link

import { SectionNav } from "@zudo-sg/ui/src/landing/section-nav/section-nav";

<SectionNav heading="Explore the site" links={links} />

Injected into the previews above. SectionNav

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */