Footer — Site Map
nswds-ui/footer-sitemapFreeBlock
Four columns of links above the standard footer. The default choice for a department or agency site.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/digitalnsw/nswds-ui/main/apps/registry/public/r/footer-sitemap.jsonSource
1import type * as React from 'react'23import { Footer, FooterNav, FooterNavColumn } from '@/components/footer'45// ── Sample content — replace with your service's own ────────────────────────6const columnsSample = [7 {8 heading: 'Services',9 links: [10 { name: 'Apply for a licence', href: '#licence' },11 { name: 'Pay a fine', href: '#fine' },12 { name: 'Book an appointment', href: '#appointment' },13 { name: 'Check an application', href: '#application' },14 ],15 },16 {17 heading: 'About',18 links: [19 { name: 'Who we are', href: '#about' },20 { name: 'Our strategy', href: '#strategy' },21 { name: 'Careers', href: '#careers' },22 { name: 'News', href: '#news' },23 ],24 },25 {26 heading: 'Help',27 links: [28 { name: 'Contact us', href: '#contact' },29 { name: 'Accessibility help', href: '#accessibility-help' },30 { name: 'Give feedback', href: '#feedback' },31 { name: 'Report a problem', href: '#report' },32 ],33 },34 {35 heading: 'Popular',36 links: [37 { name: 'Service NSW', href: '#service-nsw' },38 { name: 'Digital NSW', href: '#digital-nsw' },39 { name: 'Data.NSW', href: '#data-nsw' },40 { name: 'Have your say', href: '#have-your-say' },41 ],42 },43]4445const legalLinksSample = [46 { name: 'Accessibility', href: '#accessibility' },47 { name: 'Privacy', href: '#privacy' },48 { name: 'Copyright', href: '#copyright' },49 { name: 'Disclaimer', href: '#disclaimer' },50]5152const departmentSample = 'Digital NSW, Department of Customer Service'5354type FooterSitemapProps = Omit<React.ComponentProps<typeof Footer>, 'children'> & {55 columns?: typeof columnsSample56}5758/**59 * Four columns of links above the standard footer. The default choice for a60 * department or agency site with more than a handful of pages.61 *62 * The columns slot into `Footer`'s `children`, so acknowledgement of Country,63 * the legal link row and the copyright line are all still supplied by `Footer`64 * itself — this block only adds the site map.65 *66 * Headings are `h2`, which is correct when the footer sits at the top level of67 * the page outline. If your layout nests it deeper, set `headingLevel` on the68 * `FooterNavColumn` below to keep the outline in order (WCAG 1.3.1) — this is69 * a copy-and-adapt block, so you own this file after `shadcn add`.70 */71export function FooterSitemap({72 columns = columnsSample,73 legalLinks = legalLinksSample,74// … truncated
What it pulls in
Other registry items
Files it writes
More from @nswds/ui
All 46 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Footer — Collapsible Site Mapfooter-accordion | @nswds/ui | Blocks | Free | no deps | |
| Footer — Compact Barfooter-compact | @nswds/ui | Blocks | Free | no deps | |
| Footer — Contact Detailsfooter-contact | @nswds/ui | Blocks | Free | no deps | |
| Footer — Call to Actionfooter-cta | @nswds/ui | Blocks | Free | no deps | |
| Footer — Newsletterfooter-newsletter | @nswds/ui | Blocks | Free | no deps | |
| Footer — Simple Centredfooter-simple-centred | @nswds/ui | Blocks | Free | no deps | |
| Footer — Site Map with Brandfooter-sitemap-brand | @nswds/ui | Blocks | Free | no deps | |
| Forgot Password Formforgot-password-form | @nswds/ui | Blocks | Free | no deps |
