@mantine/core/lib/components/Affix/Affix.d.ts

React components library focused on usability, accessibility and developer experience

import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
import { BasePortalProps } from '../Portal';
export type AffixStylesNames = 'root';
export type AffixCssVariables = {
    root: '--affix-z-index' | '--affix-top' | '--affix-left' | '--affix-bottom' | '--affix-right';
};
export interface AffixPosition {
    top?: MantineSize | (string & {}) | number;
    left?: MantineSize | (string & {}) | number;
    bottom?: MantineSize | (string & {}) | number;
    right?: MantineSize | (string & {}) | number;
}
export interface AffixBaseProps {
    /** Root element `z-index` property @default `200`  */
    zIndex?: React.CSSProperties['zIndex'];
    /** Determines whether the component is rendered within `Portal` @default `true` */
    withinPortal?: boolean;
    /** Props passed down to the `Portal` component. Ignored when `withinPortal` is `false`. */
    portalProps?: BasePortalProps;
    /** Affix position on screen @default `{ bottom: 0, right: 0 }` */
    position?: AffixPosition;
}
export interface AffixProps extends BoxProps, AffixBaseProps, StylesApiProps<AffixFactory>, ElementProps<'div'> {
}
export type AffixFactory = Factory<{
    props: AffixProps;
    ref: HTMLDivElement;
    stylesNames: AffixStylesNames;
    vars: AffixCssVariables;
}>;
export declare const Affix: import("../../core").MantineComponent<{
    props: AffixProps;
    ref: HTMLDivElement;
    stylesNames: AffixStylesNames;
    vars: AffixCssVariables;
}>;