Resizer - Web Component

The Resizer component can be used imported from:

Playground

The Web component uses the <z-resizer> tag:

By default, all the parameters are optional or can be set in different, except for the ones marked as required

The parametrization of the component can be done with the following custom HTML params:

Name	Type	Description	Slot	A11y
`resizable`	`boolean`	Makes the container manually resizable

This component has events. Check the documentation about how to use the events.

Name	Payload	Description
`resize`	`contentRect`
`mobile`	`void`	Screen width is less than 768px
`portrait`	`void`	Screen width is between 768px and 992px
`landscape`	`void`	Screen width is between 992px and 1200px
`desktop`	`void`	Screen width is greater than 1200px

...

Makes the container resizable using the bottom-right corner of it.

content

Detected engine: