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

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

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

<HeaderBlock
  logo={{
    label: "Fulldev",
    href: "/",
  }}
  navigation={[
    { label: "Docs", href: "#" },
    { label: "Components", href: "#" },
    { label: "Blocks", href: "#", active: true },
    { label: "Pricing", href: "#" },
  ]}
  buttons={[
    {
      label: "2.4k",
      href: "https://github.com/fulldotdev/ui",
      icon: "github",
      variant: "ghost",
    },
    { label: "Sign in", href: "#", variant: "ghost" },
    { label: "Get started", href: "#", variant: "default" },
  ]}
/>
```