← 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 fromcurrentColor; passingfill/a hex defeats the single-source colour and breaks dark-mode inheritance.Size with the
sizepreset (sm–xl), not aclassNamewidth/height — presets keep the mark on the sharedComponentSizescale.Don't add your own
aria-label/role—Logoalready shipsrole="img"+ "Material Bank"; wrap it in a link only when you need a click target.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | LogoSize | Size preset |
Composition
Used by