https://github.com/react-declarative/react-declarative-storybook

A storybook for react-declarative npm package for quick feature observing
https://github.com/react-declarative/react-declarative-storybook

adaptive-layout declarative-ui docs javascript json-endpoint react react-declarative storybook typescript

Last synced: about 1 month ago
JSON representation

A storybook for react-declarative npm package for quick feature observing

• Host: GitHub
• URL: https://github.com/react-declarative/react-declarative-storybook
• Owner: react-declarative
• License: mit
• Created: 2022-01-10T12:43:14.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-10-08T09:49:17.000Z (over 2 years ago)
• Last Synced: 2024-05-04T00:17:52.134Z (8 months ago)
• Topics: adaptive-layout, declarative-ui, docs, javascript, json-endpoint, react, react-declarative, storybook, typescript
• Language: TypeScript
• Homepage: https://react-declarative.github.io/
• Size: 4.8 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-declarative-storybook

> An online preview available on [https://react-declarative.github.io/](https://react-declarative.github.io/)

```bash

npm install react-declarative

```

## Contribute

> [!IMPORTANT]

> Made by using [react-declarative](https://github.com/react-declarative/react-declarative) to solve your problems. **⭐Star** and **💻Fork** It on github will be appreciated

## Declarative view builder

A React form builder which interacts with a JSON endpoint to generate nested 12-column grids with input fields and automatic state management in a declarative style. Endpoint is typed by TypeScript guards (**IntelliSense** available). This tool is based on `material-ui` components, so your application will look beautiful on any device...

## Screenshots

### Breadcrumbs

Form component for displaying row page which can be configured remotely

![1.png](./docs/1.png)

### List

Basecrud list component which can be easily bond with [jsonapi endpoint](https://github.com/ppetzold/nestjs-paginate)

![2.png](./docs/2.png)

### One

A declarative view builder. Can be used as a dashboard layout engine. Also configurable remotely

![3.png](./docs/3.png)

### Scaffold 

Basic [AppBar](https://material.io/components/app-bars-top) plus [Drawer](https://material.io/components/navigation-drawer) component with nested groups of items and recursive search

![4.png](./docs/4.png)

### Pickers

Date, Time, One (custom json-templated form) pickers

![5.png](./docs/5.png)