https://github.com/trabeeteam/trabee-ui
🎨 Starter template for design system.
https://github.com/trabeeteam/trabee-ui
component library react rollup storybook styled-components typescript
Last synced: 2 months ago
JSON representation
🎨 Starter template for design system.
- Host: GitHub
- URL: https://github.com/trabeeteam/trabee-ui
- Owner: trabeeteam
- License: mit
- Created: 2021-02-26T12:09:40.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-04-29T14:56:24.000Z (about 5 years ago)
- Last Synced: 2025-08-08T23:26:51.594Z (11 months ago)
- Topics: component, library, react, rollup, storybook, styled-components, typescript
- Language: TypeScript
- Homepage: https://trabeeteam.github.io/trabee-ui/
- Size: 1.59 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Trabee Design System
A react based ui components.
We created to help our team get started with creating their own react component library using:
- [React](https://reactjs.org/)
- [Rollup](https://rollupjs.org/guide/en/)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled-Components](https://styled-components.com/)
It also features:
- [Storybook](https://storybook.js.org/)
- [Jest](https://jestjs.io/)
## Install
```
npm install --save @trabee/ui
```
## Development
### Building
```
npm run build
```
### Storybook
To run a live-reload storybook server on your local machine:
```
npm run storybook
```
To export your storybook as static files:
```
npm run storybook:build
```
Also, can deploy to gh-pages:
```
npm run storybook:deploy
```
## Usage
```tsx
import React from "react";
import { MotionButton } from "@trabee/ui";
const Example = () => (
console.log("Hello Trabee")} />
);
export default Example;
```