6.0.15 • Published 9 months ago
@leafygreen-ui/inline-definition v6.0.15
Inline Definition
View on MongoDB.design
Installation
Yarn
yarn add @leafygreen-ui/inline-definition
NPM
npm install @leafygreen-ui/inline-definition
Example
<H2>
<InlineDefinition definition={shardDefinition}>Shard</InlineDefinition> your
cluster
</H2>
Output HTML
<h2 class="leafygreen-ui-1xwhtk1">
<span class="leafygreen-ui-1eprrtj" aria-describedby="tooltip-1">Shard</span>
your cluster
</h2>
<div>
<div class="leafygreen-ui-10b9mvh">
<div role="tooltip" id="tooltip-27" class="leafygreen-ui-10d84ei">
<div class="leafygreen-ui-qlb2bl">
<div class="leafygreen-ui-3uslxw"></div>
</div>
<p class="leafygreen-ui-1s8990i">
Sharding is a method for horizontally scaling across multiple replica
sets by breaking up large datasets (e.g. partitioning) into smaller
parts. Sharding is native to MongoDB.
</p>
</div>
</div>
</div>
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' , 'fit' | 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 |
6.0.15
9 months ago
6.0.15-popover.0
11 months ago
7.0.0-alpha.1
1 year ago
7.0.0-alpha.0
1 year ago
6.0.9
1 year ago
6.0.8
1 year ago
6.0.14
1 year ago
6.0.13
1 year ago
6.0.12
1 year ago
6.0.11
1 year ago
6.0.10
1 year ago
6.0.6-next.7
2 years ago
6.0.6-next.6
2 years ago
6.0.6-next.1
2 years ago
6.0.6-next.0
2 years ago
6.0.6-next.3
2 years ago
6.0.6-next.2
2 years ago
6.0.6-next.5
2 years ago
6.0.5
2 years ago
6.0.6-next.4
2 years ago
6.0.7
2 years ago
6.0.6
2 years ago
6.0.3
2 years ago
6.0.4
2 years ago
6.0.2
2 years ago
6.0.1
2 years ago
6.0.0
2 years ago
5.0.1
2 years ago
5.0.0
2 years ago
4.1.0
2 years ago
4.1.1
2 years ago
4.1.0-next.1
2 years ago
4.1.0-next.2
2 years ago
4.1.0-next.0
2 years ago
4.1.0-test.0
2 years ago
4.0.2
2 years ago
4.0.1
3 years ago
3.0.2
3 years ago
4.0.0
3 years ago
3.0.1
3 years ago
3.0.0
3 years ago
2.0.6
3 years ago
2.0.5
4 years ago
2.0.4
4 years ago
2.0.3
4 years ago
2.0.2
4 years ago
2.0.1
4 years ago
2.0.0
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago