@davikiyo/simple-ui-components
v0.8.1
Published
UI library for webpages.
Downloads
55
Maintainers
Readme
Simple UI Components Library
Installation
npm:
npm install @davikiyo/simple-ui-components
yarn:
yarn add @davikiyo/simple-ui-components
Components
The available components are as follows:
- Alert
- AppBar
- Card
- Drawer
- Grid
- Icons
- Icon
- IconSprite
- Lists
- List
- ListItem
- Modal
- Pagination
- Tab
- Table
- UI
- Button
- Checkbox
- IconButton
- MenuButton
- Switch
- Textbox
Icons
Icon
component depends on IconSprite
to display the icons. Add IconSprite
at the top level of your app. (Only once)
// index.jsx or App.jsx
import React from 'react'
import ReactDOM from 'react-dom/client'
import { IconSprite } from '@davikiyo/simple-ui-components'
import App from './App'
import './index.css'
ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<IconSprite />
<App />
</React.StrictMode>
)
Demo
Available components can be checked by running Storybook.
Prerequisites
You're going to need:
- Node.js >=
16.0.0
. - Yarn —
npm
might not work.
Setting up
- Fork this repository on GitHub.
- Clone your forked repository with
git clone https://github.com/YOURNAME/simple-ui-components.git
- Install dependencies with
yarn install
. - Run Storybook with
yarn dev
— you should be able to see Storybook running at http://localhost:6006.