6.0.15 • Published 9 months ago

@leafygreen-ui/inline-definition v6.0.15

Weekly downloads
4
License
Apache-2.0
Repository
github
Last release
9 months ago

Inline Definition

npm (scoped)

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

PropTypeDescriptionDefault
definition (Required)React.ReactNodeContent that describes the term. Will appear inside Tooltip.
childrenstringText that will appear underlined
classNamestringclassName 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'
darkModebooleanDetermines if the component will appear in dark mode.false
tooltipClassNamestringclassName 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