hixme-ui Input component


2.0.0-alpha.125 months ago4 years agoMinified + gzip package size for @hixme-ui/input in KB



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

View it live


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 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 />

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.