Skip to content

NerdWalletLogo

Status: Stable

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".

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.

small

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

ref

(instance: any) => void | RefObject<any>