Info

The Info component can be used on a standalone basis as shown on this page, or can be used as part of other components which support the description prop (including Column, BigValue, Value, and more).

Data was sourced from the World Bank

Data was sourced from the World Bank <Info description="World Economic Indicators dataset from past 12 months" />

Examples

Inline Usage

Data was sourced from the World Bank

Data was sourced from the World Bank <Info description="World Economic Indicators dataset from past 12 months" />

Theme Color

Data was sourced from the World Bank

Data was sourced from the World Bank <Info description="World Economic Indicators dataset from past 12 months" color="primary" />

Custom Color

Data was sourced from the World Bank

Data was sourced from the World Bank <Info description="World Economic Indicators dataset from past 12 months" color="red" />

Options

description

Required

Text content for the tooltip.

Options:: string

color

Color of the tooltip content.

Options:: string

Default:: base-content-muted

size

Size of the icon.

Options:: number

Default:: 4

className

Custom class names for the tooltip trigger.

Options:: string