hasura/graphql-engine
1
0
Fork 0
mirror of https://github.com/hasura/graphql-engine.git synced 2024-12-14 17:02:49 +03:00
Code Issues Projects Releases Wiki Activity
6cf337c0fa
graphql-engine/console
History
Daniele Cammareri 6cf337c0fa console: add tabs component 
## Description 🔖

[VIDEO](https://www.loom.com/share/5844476e527f4e1d9ec296bc3a4bb932)

This PR creates a Tabs component that wraps the Radix UI component.

## Solution and Design 🎨

The component accepts all the props of the Radix UI tab root component and a list of items that specify the label and the content of the tabs. The component can be used in a controlled way (e.g., the state of the tab is stored in the URL) or uncontrolled.

For styling radix ui states I've added this library: https://github.com/ecklf/tailwindcss-radix

## Review Setup 💻

Run storybook and look for Tabs component

## Review checklist. 📋

- [ ] stories work
- [ ] doc is clear

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/5667
GitOrigin-RevId: 0e73ef1026d6673c3c2dd413b986fa8395abb1f6
2022-09-01 21:25:09 +00:00
..
.storybook console: add components to manage query collections 2022-09-01 18:32:17 +00:00
cypress console: Setup cypress on the Nx monorepo (close #5463) 2022-08-31 09:04:45 +00:00
docs console: Define a testing strategy 2022-08-03 11:35:17 +00:00
exports console: fix monitoring tab visibility across different console runtimes 2022-09-01 14:26:05 +00:00
public console(local-dev): remove ssr for local development 2022-07-20 16:05:04 +00:00
scripts workflow: add lint and format action for console (#4501) 2020-05-29 16:45:43 +05:30
src console: add tabs component 2022-09-01 21:25:09 +00:00
static console: migrate REST endpoint form to new components 2022-06-30 14:17:52 +00:00
webpack console(local-dev): remove ssr for local development 2022-07-20 16:05:04 +00:00
.babelrc console: add storybook support 2021-09-20 16:31:25 +00:00
.eslintignore Console/permissions tab component 2022-03-08 07:46:19 +00:00
.eslintrc console: fix the Typescript no implicit returns rules 2022-08-17 14:37:04 +00:00
.gitignore console: migrate REST endpoint form to new components 2022-06-30 14:17:52 +00:00
.npmignore console: package modules from oss 2021-03-17 18:59:18 +00:00
.npmrc console: refactor filter section components 2022-09-01 13:34:36 +00:00
.nvmrc console: upgrade to node 16 and npm 8 2022-08-02 13:52:53 +00:00
.prettierignore console: fix linter config (#4137) 2020-04-06 16:53:04 +05:30
cypress.config.ts test(console): Skip a lot of flaky E2E tests 2022-08-31 08:02:51 +00:00
hasuraconfig.js add console to graphql-engine 2018-06-28 10:27:37 +05:30
jest.config.js console: change image import manner 2022-08-31 15:43:41 +00:00
Makefile console: Automatically install node_modules. 2022-06-03 12:40:27 +00:00
package-lock.json console: add tabs component 2022-09-01 21:25:09 +00:00
package.json console: add tabs component 2022-09-01 21:25:09 +00:00
postcss-storybook.config.js console: migrate REST endpoint form to new components 2022-06-30 14:17:52 +00:00
postcss.config.js console: add tailwindcss for styles 2021-08-10 13:46:52 +00:00
README.md console: Define a testing strategy 2022-08-03 11:35:17 +00:00
tailwind-storybook.config.js console: migrate REST endpoint form to new components 2022-06-30 14:17:52 +00:00
tailwind.config.js console: add tabs component 2022-09-01 21:25:09 +00:00
tsconfig.json console: fix the Typescript no implicit returns rules 2022-08-17 14:37:04 +00:00
tsconfig.test.json console: add schema sharing 2021-07-08 08:18:25 +00:00

README.md

Hasura Console

The Hasura console is an admin dashboard to manage the connected database and to try out GraphQL APIs. It is a React application bundled with Webpack and the state is managed mostly using Redux.

Table of contents