Inline Definition
View on MongoDB.design
Installation
PNPM
pnpm add @leafygreen-ui/inline-definition
Yarn
yarn add @leafygreen-ui/inline-definition
NPM
npm install @leafygreen-ui/inline-definition
Example
<H2>
<InlineDefinition definition={shardDefinition}>Shard</InlineDefinition> your
cluster
</H2>
Properties
| Prop | Type | Description | Default |
|---|---|---|---|
definition (Required) |
React.ReactNode |
Content that describes the term. Will appear inside Tooltip. | |
children |
string |
Text that will appear underlined | |
className |
string |
className will be applied to the trigger element | |
align |
'top', 'bottom', 'left', 'right' |
Determines the preferred alignment of the tooltip relative to the component's children. | 'top' |
justify |
'start', 'middle', 'end' |
Determines the preferred justification of the tooltip (based on the alignment) relative to the element passed to the component's children. | 'start' |
darkMode |
boolean |
Determines if the component will appear in dark mode. | false |
tooltipClassName |
string |
className to be applied to the tooltip element |