@pijma/input v1.3.1

@pijma/input

Input component

Installation

yarn add @pijma/input

npm i @pijma/input

Usage

import { Input, InputStylesB2cFactory } from '@pijma/input'
import { ThemeProvider } from '@pijma/theme-provider'
import { light } from '@pijma/theme-b2c'

const App = () => <ThemeProvider theme={light} components={{Input: InputStylesB2cFactory}}>
  <Input name={'user'} label={'User'} value="ruseradio1" />
</ThemeProvider>

Use with change function

import { ThemeProvider } from '@pijma/theme-provider'
import { light } from '@pijma/theme-b2c'
import { Input, InputStylesB2cFactory } from '@pijma/input'
import { useState } from 'react'

const App = () =>{
const [user, setUser] = useState('')
const handleChange = (e) => {
  setUser(e.target.value)
}
return (
  <ThemeProvider theme={light} components={{Input: InputStylesB2cFactory}}>
    <Input name={'user'} label={'User'} value={user} onChange={handleChange}  />
  </ThemeProvider>)
}

See more on Storybook