Skip to content
← Inventory

Logo

Material Bank logo component. Uses currentColor for fill, so color can be controlled via text-* classes.

Usage

import { Logo } from "@desk/ui/components/logo";

Best practices

  • Recolour the mark with a text-* class — it fills from currentColor; passing fill/a hex defeats the single-source colour and breaks dark-mode inheritance.

  • Size with the size preset (smxl), not a className width/height — presets keep the mark on the shared ComponentSize scale.

  • Don't add your own aria-label/roleLogo already ships role="img" + "Material Bank"; wrap it in a link only when you need a click target.

Props

PropTypeDefaultDescription
sizeLogoSize

Size preset

Composition