Bolt Design System

Floating Action Buttons Advanced Use

There are 2 CSS custom properties available for use to further customize Satalitte.

Important Notes:

--c-bolt-floating-action-buttons-offset-x

Set a pixel value to move the Satelite this many pixels left.

--c-bolt-floating-action-buttons-offset-y

if position is set to top-right, the Floating Action Buttons will move down.

if position is set to bottom-right, the Floating Action Buttons will move up.

Twig

{% include '@bolt-components-floating-action-buttons/floating-action-buttons.twig' with {
  content: _content,
  attributes: {
    style: '--c-bolt-floating-action-buttons-offset-x: 100px;'
  }
} only %}

HTML

Not available in plain HTML. Please use Twig.