UI component
Logo
Logo renders your brand lockup and icon states with simple props for collapsed navigation and size variants.
Installation
Install the package in your app.
pnpm add @rapidset/rapidkitUsage
Import components from the package entrypoint.
import { Logo } from '@rapidset/rapidkit';Examples
Preview the component and copy the snippet.
RapidKitRapidKitAPI Reference
Commonly used props at a glance.
| Prop | Description |
|---|---|
| open | When false, the component switches to icon mode for collapsed sidebar layouts. |
| showIcon and showText | Controls whether the icon, full lockup, or icon-only state should render. |
| size | Applies small, medium, or large sizing presets for common layout contexts. |
| logoSrc and iconSrc | Lets consumers provide app-specific logo and icon assets while keeping the component reusable. |
| alt and testId | Sets image accessibility text and deterministic selectors for tests. |
Accessibility
The underlying image forwards alt text so assistive technology can announce the brand asset meaningfully.
Integration notes
Use brand assets from your public app path and keep this component presentational by handling brand selection outside the component.