Sider.d.ts 1.0 KB

12345678910111213141516171819202122232425262728
  1. import * as React from 'react';
  2. export interface SiderContextProps {
  3. siderCollapsed?: boolean;
  4. }
  5. export declare const SiderContext: React.Context<SiderContextProps>;
  6. export type CollapseType = 'clickTrigger' | 'responsive';
  7. export type SiderTheme = 'light' | 'dark';
  8. export interface SiderProps extends React.HTMLAttributes<HTMLDivElement> {
  9. prefixCls?: string;
  10. collapsible?: boolean;
  11. collapsed?: boolean;
  12. defaultCollapsed?: boolean;
  13. reverseArrow?: boolean;
  14. onCollapse?: (collapsed: boolean, type: CollapseType) => void;
  15. zeroWidthTriggerStyle?: React.CSSProperties;
  16. trigger?: React.ReactNode;
  17. width?: number | string;
  18. collapsedWidth?: number | string;
  19. breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
  20. theme?: SiderTheme;
  21. onBreakpoint?: (broken: boolean) => void;
  22. }
  23. export interface SiderState {
  24. collapsed?: boolean;
  25. below: boolean;
  26. }
  27. declare const Sider: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<HTMLDivElement>>;
  28. export default Sider;