RepositionElement for Fender React UI Kit
Description
A component that wraps an element and respositions it on the canvas.
Installation and Usage
yarn add @fenderdigital/react-reposition-element --save
import RepositionElement from '@fenderdigital/react-reposition-element';Props
-
children- renders a node. -
dimensions- desired width/height of element being repositioned. -
isActive- determines when a element is in the repositioned state. -
onReposition- passes its current active state. -
position- can be in top/left, top/right, bottom/left, bottom/right. -
transition- a css transition effect. -
zIndex- css z-index value.
| propName | propType | defaultValue | isRequired |
|---|---|---|---|
| children | node | null | - |
| dimensions | object | { height: 240, width: 426 } | - |
| isActive | bool | false | - |
| onReposition | func | () => {} | - |
| position | object | { top: 0, right: 0 } | - |
| transition | string | 'all .3s ease' | - |
| zIndex | string | '6' | - |
Development
Check the Monorepo README for development documentation.