@hixme-ui/input
v2.2.0
Published
hixme-ui Input component
Downloads
97
Readme
Input
Input is built with two layers. A style-component CSS base which is then wrapped with in React JSX to allow props to drive different types of input needs for basic input, textarea, and masked phone, date, ssn, and masked implementations.
npm i --save @hixme-ui/input
Props
| Name | Type | | --------------- | ----------- | | currency | bool | | date | bool | | mask | bool | | percentage | bool | | phone | bool | | ssn | bool | | submitting | bool | | textarea | bool | | large | bool | | mini | bool |
Basic Usage
import Input from '@hixme-ui/input'
<Input type='email' required />
// input with phone number formatting
<Input phone />
InputBase
InputBase is a style-component build of the input tag and contains all the necessary CSS for the theme
import { InputBase } from '@hixme-ui/input'
<InputBase type='email' required />