Bernt
6989a98d75
- Arkitektur: docs/auth/passwordless-architecture.md - Backend: iom/quixzoom-auth-service/ (FastAPI + Redis) - Webb: quixzoom-market-pages/se/login/ (QR-kod + polling) - App: iom/quixzoom-app/src/features/auth/ (push + deep links) Flöde: QR-kod → app-godkännande → webb-inloggad
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import { ToastTransitionProps } from '../types';
|
|
export interface CSSTransitionProps {
|
|
/**
|
|
* Css class to apply when toast enter
|
|
*/
|
|
enter: string;
|
|
/**
|
|
* Css class to apply when toast leave
|
|
*/
|
|
exit: string;
|
|
/**
|
|
* Append current toast position to the classname.
|
|
* If multiple classes are provided, only the last one will get the position
|
|
* For instance `myclass--top-center`...
|
|
* `Default: false`
|
|
*/
|
|
appendPosition?: boolean;
|
|
/**
|
|
* Collapse toast smoothly when exit animation end
|
|
* `Default: true`
|
|
*/
|
|
collapse?: boolean;
|
|
/**
|
|
* Collapse transition duration
|
|
* `Default: 300`
|
|
*/
|
|
collapseDuration?: number;
|
|
}
|
|
/**
|
|
* Css animation that just work.
|
|
* You could use animate.css for instance
|
|
*
|
|
*
|
|
* ```
|
|
* cssTransition({
|
|
* enter: "animate__animated animate__bounceIn",
|
|
* exit: "animate__animated animate__bounceOut"
|
|
* })
|
|
* ```
|
|
*
|
|
*/
|
|
export declare function cssTransition({ enter, exit, appendPosition, collapse, collapseDuration }: CSSTransitionProps): ({ children, position, preventExitTransition, done, nodeRef, isIn }: ToastTransitionProps) => JSX.Element;
|