furo-resizer

furo-resizer #

@furo/layout v2.2.14
import '@furo/layout/src/furo-resizer.js';
exports FuroResizer js
exports <furo-resizer> custom-element-definition
superclass LitElement
mixes FBP
summary resizable box

furo-resizer container which let you resize its width.

Double-click on the handler to reset the width. You need a counter part which flexes.

1
2
3
4
5
6
7

  <furo-horizontal-flex>
    <div flex> the flexible part </div>
    <!-- you have to set at leas one handle to resize the content -->
    <furo-resizer righthandle remember="logv" minwidth="280" maxwidth="780">
      <some-content></some-content>
    </furo-resizer>
  </furo-horizontal-flex>

Attributes and Properties #

resetSize #

removes remember and set to the initial size

lefthandle #

lefthandle Boolean

add a handle to the left side

righthandle #

righthandle Boolean

add a handle to the right side

remember #

remember String

remember the size after resizing. Give the id for the rememberer, you can use the id on different views

maxwidth #

maxwidth Number

Set the maximal width of the resizer

minwidth #

minwidth Number

Set the minimal width of the resizer

Methods #

Slots #

default #

Type: HTMLElement [0..n]

default slot to add content.