Logo
Component
Live
The Logo component displays the brand’s logo.
- Usage
- Examples
- Properties
- Accessibility
- CSS Variables
- Logo only brands
Usage
Logo component provides the brand’s logo as a scaleable graphic to pass into an application. It adapts to different sizes and resolutions, ensuring that the logo is displayed optimally across various devices. It offers two variants: light and dark.
Installation
Install
yarn add @iag/chroma-react-ui.components
Import
import { Logo } from "@iag/chroma-react-ui.components";
When to use
Use the Logo component whenever the brands logo needs to be displayed.
When to avoid
Don't use the Logo component for non-logo images.
Do
- Do use the variant that best contrasts with the background colour where the Logo will appear.