@eteg/react-inputs

@garden/components

This package includes several varieties of notifications and wells within the Garden Design System.

Installation

npm install @garden/components

# Peer Dependencies - Also Required
npm install react react-dom styled-components @zendeskgarden/react-theming

Usage

import { ThemeProvider } from '@zendeskgarden/react-theming';
import { InputCurrency } from '@garden/components';

/**
 * Place a `ThemeProvider` at the root of your React application
 */
<ThemeProvider>
  <InputCurrency
    formatOptions={{
      currency: 'BRL',
      style: 'currency',
      maximumFractionDigits: 2,
      minimumFractionDigits: 2
    }}
  />
</ThemeProvider>;

InputCurrency

Extends RefAttributes

Prop name	Type	default	description	required
value	string | number		Amount to be converted into currency	no
defaultValue	string		Initial value in input	no
formatOptions	Intl.NumberFormatOptions		Sets currency formatting	yes
locale	string		Country the currency	no
max	number		Maximum value in input	no
autoFocus	boolean	false	Set auto focus on input	no
autoReset	boolean	false	Set auto reset on input	no
autoSelect	boolean	false	Set auto select on input	no