@geist-ui/react
Version:
Modern and minimalist React UI library.
27 lines • 806 B
JavaScript
import { tuple } from '../utils/prop-types';
var drawerPlacement = tuple('top', 'right', 'bottom', 'left');
export var getDrawerTransform = function getDrawerTransform(placement) {
var translates = {
top: {
initial: 'translate3d(0, -100%, 0)',
hidden: 'translate3d(0, -100%, 0)',
visible: 'translate3d(0, 0, 0)'
},
left: {
initial: 'translate3d(-100%, 0, 0)',
hidden: 'translate3d(-100%, 0, 0)',
visible: 'translate3d(0, 0, 0)'
},
bottom: {
initial: 'translate3d(0, 100%, 0)',
hidden: 'translate3d(0, 100%, 0)',
visible: 'translate3d(0, 0, 0)'
},
right: {
initial: 'translate3d(100%, 0, 0)',
hidden: 'translate3d(100%, 0, 0)',
visible: 'translate3d(0, 0, 0)'
}
};
return translates[placement];
};