Input

The input component is a layout primitive that can be used to read user input.

It is just a input with some styles.

How to use

1import { Input } from '@devup-ui/react'
2
3function App() {
4  return <Input border="3px solid black" />
5}
1import { Input } from '@devup-ui/react'
2
3function App() {
4  return <Input border="3px solid black" />
5}

The Input component defined above will render like this:

1function App() {
2  return <input className="a" />
3}
1function App() {
2  return <input className="a" />
3}
1.a {
2  border: 3px solid black;
3}
1.a {
2  border: 3px solid black;
3}