@web-package/react-widgets
Version:
This is package that provides templates that can significantly reduce CSS development works in a react development environment.
30 lines (29 loc) • 1.24 kB
TypeScript
import { CSSProperties, ReactNode } from "react";
import { CurvesUnit, DurationUnit, DeepOmit } from "../types";
export declare namespace AnimatedFoldable {
type Overflow = "visible" | "hidden" | "clip" | "scroll" | "auto";
type Transition = {
opacity: boolean;
};
type StyleCSSProperties = DeepOmit<CSSProperties, "transitionProperty" | "transitionDuration" | "transitionTimingFunction">;
interface HorizontalStyle {
start: DeepOmit<StyleCSSProperties, "width" | "minWidth" | "maxWidth">;
end: DeepOmit<StyleCSSProperties, "width" | "minWidth" | "maxWidth">;
}
function Horizontal({ visible, overflow, duration, transition, curve, children }: {
visible: boolean;
overflow?: Overflow;
transition?: Transition;
duration: DurationUnit;
curve?: CurvesUnit;
children: ReactNode;
}): import("react/jsx-runtime").JSX.Element;
function Vertical({ visible, overflow, duration, transition, curve, children }: {
visible: boolean;
overflow?: Overflow;
transition?: Transition;
duration: DurationUnit;
curve?: CurvesUnit;
children: ReactNode;
}): import("react/jsx-runtime").JSX.Element;
}