mirror of
https://github.com/cupcakearmy/use-light-switch.git
synced 2025-12-15 23:54:59 +00:00
initial commit
This commit is contained in:
54
README.md
Executable file
54
README.md
Executable file
@@ -0,0 +1,54 @@
|
||||
# use-light-switch
|
||||
|
||||

|
||||

|
||||

|
||||
|
||||
**React hook for dark mode.**
|
||||
|
||||
## 🌈 Features
|
||||
|
||||
- Typescript compatible
|
||||
- **0** Dependencies
|
||||
- Tiny **~0.7kB**
|
||||
- React Hooks
|
||||
|
||||
###### Installation
|
||||
|
||||
```
|
||||
npm i use-light-switch
|
||||
```
|
||||
|
||||
## 🤔 Motivation
|
||||
|
||||
There was no library with typings 🤕
|
||||
|
||||
## 🚀 Quickstart
|
||||
|
||||
```typescript
|
||||
import ReactDOM from 'react-dom'
|
||||
import { useForm } from 'formhero'
|
||||
|
||||
const Form = () => {
|
||||
const { field, form } = useForm({
|
||||
username: '',
|
||||
password: '',
|
||||
})
|
||||
|
||||
const _submit = (e: React.FormEvent) => {
|
||||
e.preventDefault()
|
||||
console.log(form)
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<form onSubmit={_submit}>
|
||||
<input {...field('username')} />
|
||||
<input {...field('password')} />
|
||||
|
||||
<button type="submit">Go 🚀</button>
|
||||
</form>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
```
|
||||
Reference in New Issue
Block a user