Composites & Sections · 9 Props

TrustBar

Logo bar displaying client or partner brand logos in a horizontal row or auto-scrolling marquee.

Composites & Sections 9 Props

src/components/blocks/TrustBar.astro

Props

Prop	Type	Default	Beschreibung
class	string	""
density	string	normal	"normal" \| "dense" \| "spacious"
direction	string	left	"left" \| "right"
height	number	28
items	object[]	[]
items[].alt	string	—
items[].href	string	—
items[].name *	string	—
items[].src *	string	—
items[].srcDark	string	—
mode	string	marquee	"marquee" (default) = auto-scrolling, "static" = centered row "marquee" \| "static"
pauseOnHover	boolean	true
speed	string	normal	"slow" \| "normal" \| "fast"
title	string	—

Beispiele

Default

Brand name badges as social proof.

{
  "type": "trustBar",
  "props": {
    "items": [
      {
        "label": "Cloudflare"
      },
      {
        "label": "Storyblok"
      },
      {
        "label": "Vercel"
      },
      {
        "label": "Astro"
      },
      {
        "label": "Tailwind"
      }
    ]
  }
}

<TrustBar items={[{"label":"Cloudflare"},{"label":"Storyblok"},{"label":"Vercel"},{"label":"Astro"},{"label":"Tailwind"}]} />