ceros-test-drageble-lib v1.0.4

The resizer component have handles, which a user can interact with. The user can increase or decrease the width or height of a container wrapping any child component

Install

npm i ceros-test-drageble

or

yarn add ceros-test-drageble

How to use

 <Dragable>
    <div>
        <button>menu 1</button>
        <button>menu 2</button>
        <button>menu 3</button>
        <button>menu 4</button>
    </div>
</Dragable>

How change style

You can easily change style of library via css, library have these available classes:

for wrapper

 .ceros-test-draggable__wrapper {
    ...
 }

for resizer (dot)

 .ceros-test-draggable__resizer {
    ...
 }

for right (dot)

.ceros-test-draggable__right {
    ...
 }

for bottom (dot)

.ceros-test-draggable__bottom {
    ...
 }

for bottomright (dot)

.ceros-test-draggable__bottomRight {
    ...
 }