npm.io
9.2.2 • Published 1 month ago

@leafygreen-ui/inline-definition

Licence
Apache-2.0
Version
9.2.2
Deps
5
Size
78 kB
Vulns
0
Weekly
0
Stars
274

Inline Definition

npm (scoped)

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