@mantine/core/lib/src/components/ArrowBody/ArrowBody.d.ts

React components library focused on usability, accessibility and developer experience

import React from 'react';
import { DefaultProps } from '../../theme';
import useStyles from './ArrowBody.styles';
export declare type ArrowBodyPosition = 'left' | 'right' | 'top' | 'bottom';
export declare type ArrowBodyPlacement = 'center' | 'end' | 'start';
export declare type ArrowBodyStylesNames = keyof ReturnType<typeof useStyles>;
export interface ArrowBodyProps extends DefaultProps<ArrowBodyStylesNames>, React.ComponentPropsWithoutRef<'div'> {
    /** Element placement relative to target */
    placement?: ArrowBodyPlacement;
    /** Element position relative to target */
    position?: ArrowBodyPosition;
    /** Space between element and target in px */
    gutter?: number;
    /** Adds arrow, arrow position depends on position and placement props */
    withArrow?: boolean;
    /** Arrow size in px */
    arrowSize?: number;
    /** Popover z-index */
    zIndex?: number;
    /** Get element ref */
    elementRef?: React.ForwardedRef<HTMLDivElement>;
}
export declare function ArrowBody({ className, position, placement, gutter, withArrow, arrowSize, zIndex, children, classNames, styles, elementRef, ...others }: ArrowBodyProps): JSX.Element;
export declare namespace ArrowBody {
    var displayName: string;
}
//# sourceMappingURL=ArrowBody.d.ts.map