Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "header"
title: "Header 3"
description: "Header 3 block example."
---

```astro live props={{ name: 'header-3' }}
---
import Header3Block from "@/components/blocks/header-3.astro"
---

<Header3Block
  logo={{
    label: "Acme Inc",
    href: "/",
  }}
  navigation={[
    { label: "Docs", href: "#" },
    { label: "Components", href: "#" },
    { label: "Blocks", href: "#" },
  ]}
  buttons={[
    {
      label: "GitHub",
      href: "https://github.com/fulldotdev/ui",
      icon: "github",
      variant: "ghost",
    },
    { label: "Roadmap", href: "#", variant: "ghost" },
    { label: "Browse blocks", href: "#", variant: "default" },
  ]}
/>
```