Definition

Definition marks a term with a stylized underline that reveals an explanatory tooltip on hover. Use it for glossary terms in prose, in lieu of an icon with a tooltip — which can become redundant when there are numerous definitions on a single page.

#Combinations

#Props

Name	Default	Description
children	—	ReactNode The text content of the definition.
message	—	string The message to display when hovering over the definition.
placement	"top"	PlacementWithLogical The placement of the tooltip.
size	"md"	"sm" | "md" | "lg" Font size.
fontWeight	"normal"	"normal" | "medium" | "semibold" Font weight
letterSpacing	"normal"	"normal" | "wide" Letter spacing.