@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
32 lines (31 loc) • 1.17 kB
TypeScript
import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
export type PillGroupStylesNames = 'group';
export type PillGroupCssVariables = {
group: '--pg-gap';
};
export interface PillGroupProps extends BoxProps, StylesApiProps<PillGroupFactory>, ElementProps<'div'> {
/** Controls spacing between pills, by default controlled by `size` */
gap?: MantineSize | (string & {}) | number;
/** Controls size of the child `Pill` components and gap between them @default `'sm'` */
size?: MantineSize | (string & {});
/** If set, adds disabled to all child `Pill` components */
disabled?: boolean;
}
export type PillGroupFactory = Factory<{
props: PillGroupProps;
ref: HTMLDivElement;
stylesNames: PillGroupStylesNames;
vars: PillGroupCssVariables;
ctx: {
size: MantineSize | (string & {}) | undefined;
};
}>;
export declare const PillGroup: import("../../../core").MantineComponent<{
props: PillGroupProps;
ref: HTMLDivElement;
stylesNames: PillGroupStylesNames;
vars: PillGroupCssVariables;
ctx: {
size: MantineSize | (string & {}) | undefined;
};
}>;