antd-mobile
Version:
<div align="center">
25 lines (24 loc) • 1.04 kB
TypeScript
import React from 'react';
import type { ReactNode } from 'react';
import { NativeProps } from '../../utils/native-props';
export declare type FloatingPanelRef = {
setHeight: (height: number, options?: {
immediate?: boolean;
}) => void;
};
export declare type FloatingPanelProps = {
anchors: number[];
children: ReactNode;
onHeightChange?: (height: number, animating: boolean) => void;
handleDraggingOfContent?: boolean;
} & NativeProps<'--border-radius' | '--z-index' | '--header-height'>;
export declare const FloatingPanel: React.ForwardRefExoticComponent<{
anchors: number[];
children: ReactNode;
onHeightChange?: ((height: number, animating: boolean) => void) | undefined;
handleDraggingOfContent?: boolean | undefined;
} & {
className?: string | undefined;
style?: (React.CSSProperties & Partial<Record<"--z-index" | "--border-radius" | "--header-height", string>>) | undefined;
tabIndex?: number | undefined;
} & React.AriaAttributes & React.RefAttributes<FloatingPanelRef>>;