Sections

Logo cloud

A row of customer or partner logos.

Server safeSource

Import

import { LogoCloud } from '@the_viveksingh/vivek-ui'

Customer logos

alt is required on every logo. Pass src for an image, or node when the mark is inline SVG or text. A wall of undescribed images is the classic accessibility failure here.

Trusted by teams shipping every day

NORTHWIND
ACME
GLOBEX
INITECH
UMBRELLA

<LogoCloud
  title="Trusted by teams shipping every day"
  logos={[
    { id: 'northwind', src: '/logos/northwind.svg', alt: 'Northwind' },
    { id: 'acme', src: '/logos/acme.svg', alt: 'Acme Corp' },
    { id: 'globex', alt: 'Globex', node: <GlobexMark /> },
  ]}
/>

Props

Generated from the package's own type declarations, so this table cannot drift from the code.

Props for LogoCloud
Prop	Type	Default	Description
`logos`	`Logo[]`	—	—
`title`	`ReactNode`	—	—
`headingLevel`	`HeadingLevel`	—	Level of `title`, defaulting to `2`. The title is a real heading rendered at a small visual size — `Heading` separates level from size precisely so a modest-looking "Trusted by" line does not have to lie about its place in the outline.

Rendering

Server safe

LogoCloud carries no 'use client' directive and renders directly in a React Server Component. No client JavaScript is shipped for it.