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

React components library focused on usability, accessibility and developer experience

import { ExtendComponent, Factory, MantineThemeComponent } from '../../core';
export interface NumberFormatterProps extends React.ComponentPropsWithoutRef<'span'> {
    /** Value to format */
    value?: number | string;
    /** If set, negative values are allowed @default `true` */
    allowNegative?: boolean;
    /** Limits the number of digits that are displayed after the decimal point @default `Infinity` */
    decimalScale?: number;
    /** Character used as a decimal separator, `'.'` by default */
    decimalSeparator?: string;
    /** If set, zeros are added after `decimalSeparator` to match given `decimalScale`. @default `false` */
    fixedDecimalScale?: boolean;
    /** Prefix added before the value */
    prefix?: string;
    /** Suffix added after the value */
    suffix?: string;
    /** Defines the thousand grouping style */
    thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';
    /** A character used to separate thousands @default  `','` */
    thousandSeparator?: string | boolean;
}
export type NumberFormatterFactory = Factory<{
    props: NumberFormatterProps;
    ref: HTMLDivElement;
}>;
export declare function NumberFormatter(_props: NumberFormatterProps): import("react/jsx-runtime").JSX.Element | null;
export declare namespace NumberFormatter {
    var extend: (c: ExtendComponent<NumberFormatterFactory>) => MantineThemeComponent;
    var displayName: string;
}