https://github.com/duhdugg/preaction-inputs
This is a Bootstrap v5 compatible library of React components intended to provide a consistent and responsive experience for most basic user input needs.
https://github.com/duhdugg/preaction-inputs
bootstrap bootstrap4 npm-package react react-component-library
Last synced: about 2 months ago
JSON representation
This is a Bootstrap v5 compatible library of React components intended to provide a consistent and responsive experience for most basic user input needs.
- Host: GitHub
- URL: https://github.com/duhdugg/preaction-inputs
- Owner: duhdugg
- License: mit
- Created: 2020-05-13T20:12:41.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2023-03-04T18:00:36.000Z (about 3 years ago)
- Last Synced: 2025-02-12T06:38:39.100Z (about 1 year ago)
- Topics: bootstrap, bootstrap4, npm-package, react, react-component-library
- Language: JavaScript
- Homepage: https://duhdugg.github.io/preaction-inputs/
- Size: 7.06 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Preaction Inputs
This is a Bootstrap v5 compatible library of React components intended to provide a consistent and responsive experience for basic user input needs.
Components provided by this library include:
- Checkbox
- Form
- Input
- Select
- Textarea
- Wysiwyg (using QuillJS)
## Quick Start
The full documentation can be found in the [styleguide](https://duhdugg.github.io/preaction-inputs/v5/index.html) with live, editable examples.
### Installation
`npm install --save-dev @preaction/inputs@latest`
### Usage
```jsx
// bootstrap as a peerDependency means you need to import bootstrap CSS yourself.
// This gives you the flexibility to choose a different build or theme, if you wish.
import 'bootstrap/dist/css/bootstrap.min.css'
// imports must be named, as this alllows shaking unused components from your bundle
import { Form, Input } from '@preaction/inputs'
function App() {
const [name, setName] = React.useState('')
return (
e.preventDefault()}>
)
}
```
### License
> Copyright (c) 2018-2022 Doug Elkin
>
> Permission is hereby granted, free of charge, to any person obtaining a copy
> of this software and associated documentation files (the "Software"), to deal
> in the Software without restriction, including without limitation the rights
> to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
> copies of the Software, and to permit persons to whom the Software is
> furnished to do so, subject to the following conditions:
>
> The above copyright notice and this permission notice shall be included in
> all copies or substantial portions of the Software.
>
> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
> IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
> FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
> AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
> LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
> OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
> SOFTWARE.