Formatted Input Number

AntD Input komponenti tabanlı formatlanmış sayı input komponenti.

Kurulum

yarn add formatted-input-number

Usage

import { FormattedInputNumber } from 'formatted-input-number';

function App() {
  const [value, setValue] = useState<number | null>(null);

  return (
    <FormattedInputNumber
      value={value}
      onChange={setValue}
      locale="tr-TR"
      precision={2}
    />
  );
}

Props

| Prop | Tip | Varsayılan | Açıklama | |------|-----|------------|----------| | value | number | string | - | Input değeri | | onChange | (value: number | null, displayValue: string) => void | - | onChange(value, displayValue) callback| | locale | string | 'tr-TR' | Sayı formatı için kullanılacak locale değeri | | allowNegative | boolean | true | Negatif değer girilebilir mi? | | allowNull | boolean | true | Değer false ise null veya undefined değerler input'ta "0" olarak gösterilir. | | useGrouping | boolean | true | Sayıları binlik ayracı kullanarak mı formatlayacağını belirler | | notifyOnSetValue | boolean | false | Dışardan value set edildiğinde onChange çağrılıp çağrılmayacağını belirler |

Diğer tüm AntD Input props'ları varsayılan olarak desteklenmektedir.