Skip to content

NerdWalletLogo

Status: Stable

Latest released: 2018

Current version: v1.6.2

Storybook
GitHub

NerdWalletLogo provides an SVG version of the NerdWallet logo with proper aria attributes.


Variants

Default

Small


Accessibility

When used in specific product contexts (like as a link), users should pass a descriptive aria-label to the component to aid assistive technology users.

For example, if <NerdWalletLogo /> is being used as a link to direct users to the front page, sufficient aria-label text would be "Go to homepage".


Development

import NerdWalletLogo from '@nerdwallet/react-nerdwallet-logo';
<NerdWalletLogo />;

Props

<NerdWalletLogo>

aria-label

= 'NerdWallet'

string

Text to be used for assistive technology (like screen readers) to better guide users what the purpose of the logo is.


small

boolean

If true, renders just the `N` logo mark.