{% set _content %}
{% include '@bolt-components-satellite/satellite-item.twig' with {
content: _satelliteItem,
} only %}
{% endset %}
{% include '@bolt-components-satellite/satellite.twig' with {
content: _content,
} only %}| Prop Name | Description | Type | Default Value | Option(s) |
|---|---|---|---|---|
|
attributes
|
A Drupal attributes object. Applies extra HTML attributes to the <bolt-satellite> tag. |
object
| — |
|
|
content
|
The main content. Typically, this will be a number of icon-only buttons. |
any
| — |
|
|
position
|
The desired location of the floating element. The static option is used solely for testing purposes. |
string
|
bottom-right
|
|
|
visible_items
|
The number of items visisble when a "more" button is needed. It can be set to 0 to turn off the button. |
number
|
2
|
|
|
show_on_load
|
Please leave this set to true unless you plan on adding javascript to show the element yourself. |
boolean
|
true
|
|
|
show_on_scroll
|
This will leave the element hidden until the page is scrolled to a certain position. A percentage or px value must be passed here as a string. ie. "200px" or "20%". |
string
| — |
|
npm install @bolt/components-satellitebottom-right.visible_items value of 2.{% include '@bolt-components-satellite/satellite.twig' with {
content: _content,
} only %}bottom-right, middle-right, or top-right.
static setting shown here is included only for testing and demo purposes.{% include '@bolt-components-satellite/satellite.twig' with {
content: _content,
position: 'static',
} only %}visible_items property can be used to hide an overflow of elements passed into content.
visible_items is 2visible_items to 0 to allow all elements to be shown.{% include '@bolt-components-satellite/satellite.twig' with {
content: _content,
visible_items: 0,
} only %}