soda-material
Version:
A React(>=18) component library that may follow [Material Design 3](https://m3.material.io/components) (a.k.a. Material You)
44 lines (43 loc) • 2.27 kB
TypeScript
/// <reference types="react" />
/**
* A simple state based transition for element's enter and exit (to DOM)
*
* [warn]: transition property should set to beforeEnter/beforeLeave to activate css transition
* or set transition to style property to manage them all
*/
export declare const SodaTransition: import("react").ForwardRefExoticComponent<{
as?: keyof JSX.IntrinsicElements | undefined;
style?: import("react").CSSProperties | undefined;
className?: string | undefined;
beforeEnter?: import("react").CSSProperties | undefined;
afterEnter?: import("react").CSSProperties | undefined;
beforeLeave?: import("react").CSSProperties | undefined;
afterLeave?: import("react").CSSProperties | undefined;
/**
* `true` for enter, `false` for leave
*/
state?: boolean | undefined;
allowFristRun?: boolean | undefined;
children?: React.ReactNode;
} & Omit<import("react").HTMLProps<HTMLElement>, "as" | "ref" | "className" | "style" | "children" | "beforeEnter" | "afterEnter" | "beforeLeave" | "afterLeave" | "state" | "allowFristRun"> & import("react").RefAttributes<HTMLElement>>;
/**
* A simple wrapper of `<SodaTransition>`, with default fade transition included.
*/
export declare const SimpleSodaTransition: import("react").ForwardRefExoticComponent<Omit<{
as?: keyof JSX.IntrinsicElements | undefined;
style?: import("react").CSSProperties | undefined;
className?: string | undefined;
beforeEnter?: import("react").CSSProperties | undefined;
afterEnter?: import("react").CSSProperties | undefined;
beforeLeave?: import("react").CSSProperties | undefined;
afterLeave?: import("react").CSSProperties | undefined;
/**
* `true` for enter, `false` for leave
*/
state?: boolean | undefined;
allowFristRun?: boolean | undefined;
children?: React.ReactNode;
} & Omit<import("react").HTMLProps<HTMLElement>, "as" | "ref" | "className" | "style" | "children" | "beforeEnter" | "afterEnter" | "beforeLeave" | "afterLeave" | "state" | "allowFristRun"> & import("react").RefAttributes<HTMLElement> & {
enter?: import("react").CSSProperties | undefined;
leave?: import("react").CSSProperties | undefined;
}, "ref"> & import("react").RefAttributes<HTMLElement>>;