← All blocks

Floating pill navbar

navbar · floating-pill · navbar-floating-pill

npx shadcn@latest add @plus-ui/navbar-floating-pill

Default content

{
  "brand": "rivetlane",
  "homeHref": "/",
  "links": [
    {
      "label": "Previews",
      "href": "#"
    },
    {
      "label": "Docs",
      "href": "#"
    },
    {
      "label": "Pricing",
      "href": "#"
    },
    {
      "label": "Changelog",
      "href": "#"
    }
  ],
  "actions": [
    {
      "label": "Deploy a repo",
      "href": "#",
      "variant": "primary"
    }
  ],
  "navLabel": "Main",
  "menuLabel": "Open menu"
}