Crear elementos de Flexbox de tamaño variable en Pure JavaScript-Resizer. js
| Autor: | eknowles |
|---|---|
| Views Total: | 2,225 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 7, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript Resizer. js permite al usuario cambiar el tamaño de un elemento Flexbox mediante arrastrar y colocar.
Install the library via NPM:
$ npm install resizerjs
Funcionamiento:
Descargue y coloque el script Resizer. js al final de su documento HTML.
<script src="resizer.js"></script>
Inicialice Resizer. js en el elemento de destino:
const selector = '.rz-demo' let resizer = new Resizer(selector)
Quite el controlador de arrastre.
Resizer.removeBySelector(selector)
Personaliza el hanlder de arrastre en tu CSS.
[data-rz-handle] {
flex: 0 0 6px;
background-color: rgba(0, 0, 0, 0.5);
}
[data-rz-handle] div {
width: 6px;
background-color: rgba(0, 0, 0, 0.5);
}
