Bolt Design System

Line-height Usage

<bolt-text> has a few options for leading (line-height). Leading can be adjusted for legibility. The default is regular.

This text has
its line-height
prop defined as:
tight

<bolt-text line-height="tight">
  This text has<br>
  its line-height<br>
  prop defined as:<br>
  tight
</bolt-text>

This text has
its line-height
prop defined as:
regular

<bolt-text line-height="regular">
  This text has<br>
  its line-height<br>
  prop defined as:<br>
  regular
</bolt-text>

This text has
its line-height
prop defined as:
loose

<bolt-text line-height="loose">
  This text has<br>
  its line-height<br>
  prop defined as:<br>
  loose
</bolt-text>