@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
26 lines • 1.14 kB
TypeScript
import React from 'react';
import { DefaultProps, MantineNumberSize } from '../../theme';
import useStyles from './Burger.styles';
export declare const BURGER_SIZES: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
};
export declare type BurgerStylesNames = Exclude<keyof ReturnType<typeof useStyles>, 'opened'>;
export interface BurgerProps extends DefaultProps<BurgerStylesNames>, React.ComponentPropsWithoutRef<'button'> {
/** Burger state: true for cross, false for burger */
opened: boolean;
/** Burger color value, not connected to theme.colors, defaults to theme.black with light color scheme and theme.white with dark */
color?: string;
/** Predefined burger size or number to set width and height in px */
size?: MantineNumberSize;
/** Get element ref */
elementRef?: React.ForwardedRef<HTMLButtonElement>;
}
export declare function Burger({ className, style, opened, color, size, themeOverride, elementRef, classNames, styles, ...others }: BurgerProps): JSX.Element;
export declare namespace Burger {
var displayName: string;
}
//# sourceMappingURL=Burger.d.ts.map