@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS
30 lines (29 loc) • 1.03 kB
TypeScript
import { Themes } from "../../constants.js";
import { Variants } from "../Typography/Typography.constants.js";
import { AlternateElevations, Elevations } from "./Paper.constants.js";
import { AllHTMLAttributes, ElementType, ReactNode } from "react";
//#region src/components/Paper/Paper.types.d.ts
interface PaperProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'onToggle' | 'title'> {
children: ReactNode;
collapseButtonLabel?: string;
collapsed?: boolean;
collapsible?: boolean;
contentClassName?: string;
defaultCollapsed?: boolean;
element?: ElementType;
elevation?: 0 | 1 | 2 | 3 | `${AlternateElevations}` | `${Elevations}`;
expandButtonLabel?: string;
fullStyle?: boolean;
inlineStyle?: boolean;
theme?: Themes;
title?: ReactNode;
titleClassName?: string;
titleVariant?: `${Variants}`;
toggleButtonLabel?: string;
onCollapse?: () => void;
onExpand?: () => void;
onToggle?: (collapsed: boolean) => void;
}
//#endregion
export { PaperProps };
//# sourceMappingURL=Paper.types.d.ts.map