https://github.com/ianeli1/control-panel-kit
React lib for creating control panels without any of React's innuendos
https://github.com/ianeli1/control-panel-kit
Last synced: 4 months ago
JSON representation
React lib for creating control panels without any of React's innuendos
- Host: GitHub
- URL: https://github.com/ianeli1/control-panel-kit
- Owner: ianeli1
- Created: 2021-04-14T06:08:51.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-04-23T04:40:34.000Z (about 4 years ago)
- Last Synced: 2025-01-02T01:27:19.072Z (6 months ago)
- Language: TypeScript
- Homepage:
- Size: 184 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# control-panel-kit
Let's you create a control panel very easily and without any complex React innuendos
### What you need
This library and the code the control panel is for!
### How do I use it
You'll need to import the library's main object, `ControlPanel`. It's a standard React object.
```ts
import { ControlPanel, PageArgs } from "control-panel-kit";
const pages: PageArgs[] = [
{
title: "Name Of The Section",
icon: ,
elements: [
{
type: "integer", //optional, depends on what you're doing
name: "Some Number",
get() {
//code time!
},
set(x: number) {
//some more code
return 69; //don't forget to return the new value
},
//both get and set can be async
},
],
},
];
function YourSite() {
return (
);
}
```
### How does it look?
