https://github.com/etchteam/mobius
WRAP's design system
https://github.com/etchteam/mobius
wrap
Last synced: 8 months ago
JSON representation
WRAP's design system
- Host: GitHub
- URL: https://github.com/etchteam/mobius
- Owner: etchteam
- License: mit
- Created: 2022-08-19T11:54:46.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-10-08T14:01:06.000Z (9 months ago)
- Last Synced: 2025-10-08T16:06:39.984Z (9 months ago)
- Topics: wrap
- Language: TypeScript
- Homepage: https://mobius.wrap.ngo
- Size: 8.69 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Storybook docs
[Live demo](https://mobius.wrap.ngo)
# Install
```bash
npm install --save @etchteam/mobius
```
# Usage
Install the global CSS in your main app file
```js
import '@etchteam/mobius/src/styles/main.scss';
import '@etchteam/mobius/components.css';
// Optional font face
import '@etchteam/mobius/src/styles/fonts.scss';
```
Import a theme file
```js
import '@etchteam/mobius/src/styles/themes/default/main.scss';
```
```jsx
import React from 'react';
import { Button } from '@etchteam/mobius';
const MyComponent = () => (
Learn React
)
```