Ubie UI is a library for distributing components defined in Ubie's design system, Ubie Vitals. It is designed to be implemented in React-based projects.
A list of components can be found on the documentation site. https://vitals.ubie.life/components
npm install @ubie/ubie-ui
You need to install React and React-DOM as peerDependencies.
npm install react react-dom
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@ubie/ubie-ui';
function App() {
return <Button>Ubie Vitals</Button>;
}
ReactDOM.render(<App />, document.querySelector('#app'));
You can start creating a new component with the following command:
npm run generate
This command will also update the src/index.ts
file (it's called a "Barrel") at the same time.
To add a new component named Button
:
? Please select the output destination directory. src
? Please enter a component name. Button
🐶 Generated 3 files!
✔ src/components/Button/Button.tsx
✔ src/components/Button/Button.module.css
✔ src/stories/Button.stories.tsx
> @ubie-inc/ofro-elements@0.0.1 generate:barrel
> node ./scripts/barrel.mjs
✔ src/index.ts has been updated
Ubie UI is licensed under the Apache Apache License, Version2.0.