FlexiAdd

A component that allows you to drag in new widgets into a board.

FlexiAdd (component)

Props

children Snippet<[{ adder: FlexiAddController }]>

The child content of the adder, containing the contents of the adder button.

class FlexiAddClasses

The class names to apply to the adder's button element.

addWidget () => AdderWidgetConfiguration

When the user interacts with the adder, this function allows you to specify the configuration of the widget that is created and grabbed.

controller FlexiAddController (bindable)

The controller for the adder.

onfirstcreate (controller: FlexiAddController) => void

A callback that fires when the adder's controller is first created.

FlexiAddController

FlexiAdd uses a controller to manage its state and behaviour. You can access the controller via binding to the controller prop or using the onfirstcreate callback.

Properties

ref HTMLElement | undefined

AdderWidgetConfiguration

AdderWidgetConfiguration allows you to specify the configuration of the widget that is created and grabbed, as well as the initial width and height that the grabbed widget will have.

Properties

widget FlexiWidgetConfiguration

The configuration of the widget that is created and grabbed.

widthPx number

The initial width of the grabbed widget in pixels.

heightPx number

The initial height of the grabbed widget in pixels.