furo-horizontal-flex #

@furo/layout v2.2.14
import '@furo/layout/src/furo-horizontal-flex.js';
exports FuroHorizontalFlex js
exports <furo-horizontal-flex> custom-element-definition
superclass LitElement
summary horizontal alignment

furo-horizontal-flex

With this component, any elements can be aligned horizontally. Similar to css flex. The attribute “flex” must be set for growing elements. The component takes up 100% of the space.

1
2
3
4
5

<furo-horizontal-flex>
  <div>small</div>
  <div flex>full width</div>
  <div>small</div>
</furo-horizontal-flex>

Attributes and Properties #

Methods #

Slots #

default #

Type: HTMLElement [0..n]

default slot to add content.

Styling #

The following custom properties available for styling: