Logo

The Hover logo mark, rendered as an SVG with a fixed viewBox of 0 0 52 14.

React Native

import { Logo } from '@hoverinc/design-system-react-native';

<Logo width={104} height={28} />;

Common Mistakes

  • fill is the color prop — it resolves through the same token system as color (pass a token like fill="$color" or fill="$primary500"), not a raw prop you'd only ever pass a literal hex value to.
  • The viewBox is fixed at a 52:14 aspect ratio. Set width/height together to scale it proportionally — setting only one dimension distorts the mark.

LoadingState

Menu