Skip to content

NerdWalletLogo

Status: Stable

Latest released: 2018

Current version: v1.6.1

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

string

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

Default

'NerdWallet'

small

boolean

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

Default

false