A suite of components, hooks, and icons. Originally built for KubeSphere Console, but it can also be used for developing any other React web apps.
https://kubesphere-design.netlify.app/zh
Ensure your have the latest version of NodeJS, and a package manager: NPM or Yarn.
- Node.js 12.18+ (installation with nvm)
- Yarn 1.22.4+
$ yarn add @kubed/components @kubed/hooks @kubed/icons
# or
$ npm i @kubed/components @kubed/hooks @kubed/icons- Wrap your application with the
KubedConfigProvider:
import { CssBaseline, KubedConfigProvider } from '@kubed/components';
const Application = () => (
<KubedConfigProvider>
<CssBaseline /> // ---> Normalize styles
<AppComponent /> // ---> Root of your application
</KubedConfigProvider>
)- Use components like so:
import { Button } from "@kubed/components"
const MyComponent = () => <Button>Click Me</Button>...
We benefit a lot from these awesome project, Many thanks to them.
MIT © kubesphere