Bolt Design System

Align Usage

<bolt-text> can be aligned horizontally. This only applies if display is set to block.

This text has its align prop defined as: inherit

<bolt-text display="block" align="inherit">
  This text has its align prop defined as: inherit
</bolt-text>

This text has its align prop defined as: start

<bolt-text display="block" align="start">
  This text has its align prop defined as: start
</bolt-text>

This text has its align prop defined as: center

<bolt-text display="block" align="center">
  This text has its align prop defined as: center
</bolt-text>

This text has its align prop defined as: end

<bolt-text display="block" align="end">
  This text has its align prop defined as: end
</bolt-text>