Skip to content

Text

Status: Stable

This component implements the Text type styles from the Currency typography scale.

Variants

Normal

Disclaimer: NerdWallet strives to keep its information accurate and up to date. This information may be different than what you see when you visit a financial institution, service provider or specific product’s site. All financial products, shopping products and services are presented without warranty. When evaluating offers, please review the financial institution’s Terms and Conditions. Pre-qualified offers are not binding. If you find discrepancies with your credit score or information from your credit report, please contact TransUnion® directly.

Light

Disclaimer: NerdWallet strives to keep its information accurate and up to date. This information may be different than what you see when you visit a financial institution, service provider or specific product’s site. All financial products, shopping products and services are presented without warranty. When evaluating offers, please review the financial institution’s Terms and Conditions. Pre-qualified offers are not binding. If you find discrepancies with your credit score or information from your credit report, please contact TransUnion® directly.

Props

<Text>

children

ReactNode

inline

boolean
By default `<Type>` is block-level (renders a <p> tag). If the inline prop is used, `<Type>` is inline (renders a <span> tag).

bold

boolean
Bold styling.

light

boolean
Sets text to "neutral-darker" defined in base-styles.

id

string

size

"default" | "large" | "small" | "x-small"

component

ReactElement

ref

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