4.4.3 • Published 3 years ago
topeka v4.4.3
topeka
topeka leverages react context, to create low friction input bindings for complex or nested values.
Usage
import { Binding, useBinding } from 'topeka';
const BoundInput = ({ name, ...props }) => {
const [value, onChange] = useBinding(name);
return <input {...props} name={name} value={value} onChange={onChange} />;
};
function App() {
const [value, setValue] = useState({});
return (
<div>
<BindingContext value={value} onChange={setValue}>
<section>
<BoundInput name="name.first" type="text" placeholder="first name" />
<BoundInput name="name.surname" type="text" placeholder="surname" />
<BoundInput name="name.surname" type="number" placeholder="age" />
</section>
</BindingContext>
<div>
<h5>current value: </h5>
<pre>{JSON.stringify(value, null, 2)}</pre>
</div>
</div>
);
}
4.4.3
3 years ago
4.4.2
3 years ago
4.4.1
4 years ago
4.4.0
4 years ago
4.3.0
4 years ago
4.2.2
4 years ago
4.2.1
4 years ago
4.2.0
5 years ago
4.0.3
5 years ago
4.0.1
5 years ago
4.0.0
5 years ago
3.3.0
6 years ago
3.2.1
6 years ago
3.2.0
6 years ago
3.1.0
6 years ago
3.0.2
6 years ago
3.0.1
6 years ago
3.0.0
6 years ago
2.1.5
6 years ago
2.1.4
6 years ago
2.1.3
6 years ago
2.1.2
6 years ago
2.1.1
6 years ago
2.1.0
6 years ago
2.0.1
6 years ago
2.0.0
6 years ago
1.0.1
6 years ago
1.0.0
7 years ago
0.5.0
8 years ago
0.4.1
8 years ago
0.4.0
8 years ago
0.3.6
8 years ago
0.3.5
8 years ago
0.3.4
8 years ago
0.3.3
8 years ago
0.3.2
8 years ago
0.3.1
8 years ago
0.3.0
8 years ago
0.2.6
8 years ago
0.2.5
8 years ago
0.2.4
8 years ago
0.2.3
8 years ago
0.2.2
8 years ago
0.2.1
8 years ago
0.2.0
9 years ago
0.1.3
9 years ago
0.1.2
9 years ago
0.1.1
9 years ago
0.1.0
9 years ago