FlexiDelete

A component that allows you to delete widgets from a board when they are dropped over it.

Breaking Change Notice

In order to make FlexiDelete more accessible, we now create a wrapper div around the FlexiDelete component. Previously, the user was responsible for creating such an element.

You can style the FlexiDelete div using the new class prop.

Please note that the props snippet property containing the onpointerenter and onpointerleave events is now deprecated and will be removed in v0.4. They are currently maintained as dead event handlers for compatibility purposes.

See Breaking Changes in v0.3 for more details.

FlexiDelete (component)

Props

NameTypeDescription
classFlexiDeleteClassesThe class names to apply to the deleter's container element.
childrenSnippet<[{ deleter: FlexiDeleteController }]>The content rendered inside of the deleter.

FlexiDeleteController

FlexiDelete 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.

The FlexiDeleteController allows you to access state information on the deleter.

Properties

NameTypeDescription
isHoveredbooleanWhether the deleter is currently being hovered by the pointer. You should prefer the use of this to CSS hover, because it accounts for Flexiboards' keyboard-based pointer.