Brand Logo
Theme-aware wordmark: a light-mode and a dark-mode asset passed as props, swapped with the dark variant.
App patternsregistry:component
Install
npx shadcn@latest add @sav/brand-logoNeeds "@sav": "https://design.sasv.ch/r/{name}.json" under registries in components.json. Direct URL: /r/brand-logo.json.
Preview
Toggle the theme: the dark asset replaces the light one.
Files
- registry/sav/components/brand-logo.tsx→ @components/brand-logo.tsx
Dependencies
Registry items
—
npm packages
cn