Bolt Design System

Horizontal alignment

Inline share is available in various horizontal alignments. Use the align prop to control it.

Important Notes:

Share is a block level component and it takes up the full width of its parent container, horizontal alignment is depended on that width.

Align does not work with menu display.

Demo

Twig

{% include '@bolt-components-share/share.twig' with {
  align: 'center',
  sources: var_foo,
  copy_to_clipboard: var_bar,
} only %}

HTML

Not available in plain HTML. Please use Twig.