@hixme-ui/input

    2.0.0-alpha.12 • Public • Published

    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

    View it live

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

    Install

    npm i @hixme-ui/input

    DownloadsWeekly Downloads

    50

    Version

    2.0.0-alpha.12

    License

    MIT

    Unpacked Size

    34.2 kB

    Total Files

    12

    Last publish

    Collaborators

    • avatar
    • avatar