← All blocks

Category header with a banner and shelf chips

category-header · title-facts-banner-chips · category-header-banner

npx shadcn@latest add @plus-ui/category-header-banner

Default content

{
  "breadcrumbs": [
    {
      "label": "Home",
      "href": "#"
    },
    {
      "label": "Shop",
      "href": "#"
    }
  ],
  "eyebrow": "Autumn firing, now in",
  "title": "Ceramics",
  "description": "Stoneware and porcelain from seven potteries in the Peak District and the Dales. Thrown, dipped and fired in small batches, so glazes shift a little from one piece to the next.",
  "count": 86,
  "countLabel": "{count} pieces",
  "image": {
    "src": "https://images.unsplash.com/photo-1597696929736-6d13bed8e6a8?auto=format&fit=crop&w=2000&h=800&q=80",
    "alt": "A shelf of handmade vases in cream, white and terracotta glazes"
  },
  "facts": [
    {
      "value": "7",
      "label": "potteries within 60 miles"
    },
    {
      "value": "£22",
      "label": "for an everyday mug"
    },
    {
      "value": "1260°C",
      "label": "the lowest firing we stock"
    }
  ],
  "subcategoriesLabel": "Ceramics shelves",
  "subcategories": [
    {
      "label": "All ceramics",
      "href": "#",
      "count": 86,
      "image": {
        "src": "https://images.unsplash.com/photo-1610701596061-2ecf227e85b2?auto=format&fit=crop&w=160&h=160&q=80",
        "alt": "Cream bowls and cups on an oak table"
      },
      "active": true
    },
    {
      "label": "Cups & mugs",
      "href": "#",
      "count": 18,
      "image": {
        "src": "https://images.unsplash.com/photo-1610701596007-11502861dcfa?auto=format&fit=crop&w=160&h=160&q=80",
        "alt": "Speckled stoneware tumblers"
      },
      "active": false
    },
    {
      "label": "Plates",
      "href": "#",
      "count": 14,
      "image": {
        "src": "https://images.unsplash.com/photo-1578749556568-bc2c40e68b61?auto=format&fit=crop&w=160&h=160&q=80",
        "alt": "Blue glazed plates"
      },
      "active": false
    },
    {
      "label": "Bowls",
      "href": "#",
      "count": 16,
      "image": {
        "src": "https://images.unsplash.com/photo-1610701596295-4dc5d6289214?auto=format&fit=crop&w=160&h=160&q=80",
        "alt": "Buttermilk bowls with a linen napkin"
      },
      "active": false
    },
    {
      "label": "Vases",
      "href": "#",
      "count": 22,
      "image": {
        "src": "https://images.unsplash.com/photo-1565193566173-7a0ee3dbe261?auto=format&fit=crop&w=160&h=160&q=80",
        "alt": "Grey bottle vases"
      },
      "active": false
    },
    {
      "label": "Moon jars",
      "href": "#",
      "count": 6,
      "image": {
        "src": "https://images.unsplash.com/photo-1612196808214-b8e1d6145a8c?auto=format&fit=crop&w=160&h=160&q=80",
        "alt": "A cream moon jar"
      },
      "active": false
    },
    {
      "label": "Hand-built",
      "href": "#",
      "count": 10,
      "image": {
        "src": "https://images.unsplash.com/photo-1631125915902-d8abe9225ff2?auto=format&fit=crop&w=160&h=160&q=80",
        "alt": "Raw clay vessels"
      },
      "active": false
    }
  ]
}