How to use the @workday/canvas-kit-react-common.getTranslateFromOrigin function in @workday/canvas-kit-react-common
To help you get started, we’ve selected a few @workday/canvas-kit-react-common examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
Workday / canvas-kit / modules / tooltip / react / lib / Tooltip.tsx View on Github 
const tooltipAnimation = (transformOrigin: TransformOrigin) => {
const translate = getTranslateFromOrigin(transformOrigin, spacing.xxxs);
return keyframes`
0% {
opacity: 0;
transform: translate(${translate.x}px, ${translate.y}px);
}
100% {
opacity: 1;
transform: translate(0);
}
`;
};const popupAnimation = (transformOrigin: TransformOrigin) => {
const translate = getTranslateFromOrigin(transformOrigin, spacing.xxs);
return keyframes`
0% {
opacity: 0;
transform: translate(${translate.x}px, ${translate.y}px);
}
100% {
opacity: 1;
transform: translate(0);
}
`;
};@workday/canvas-kit-react-common
A module of common utilities shared across canvas components
Package Health Score
73 / 100Popular @workday/canvas-kit-react-common functions
- @workday/canvas-kit-react-common.errorRing
- @workday/canvas-kit-react-common.ErrorType.Alert
- @workday/canvas-kit-react-common.ErrorType.Error
- @workday/canvas-kit-react-common.expandHex
- @workday/canvas-kit-react-common.focusRing
- @workday/canvas-kit-react-common.getTranslateFromOrigin
- @workday/canvas-kit-react-common.mouseFocusBehavior
- @workday/canvas-kit-react-common.pickForegroundColor