1.1.3 โข Published 2 years ago
design-ui-hung1 v1.1.3
Intro
Mudah UI Design System is a system of design tokens, guidelines, theming solution and components library that helps Mudah front end and mobile engineers build consistent UIs faster and more satisfyingly.
Quick start
Several quick start options are available:
- Install with npm: npm install mudah-ui
- Install with yarn: yarn add mudah-ui
Usage
Here is a quick example to get you started: ./App.tsx
import React, { useState, useEffect } from 'react';
import { Button } from "mudah-ui";
export default function App() {
return (
<div className="App">
<Button>Default</Button>
</div>
)
}
What Mudah UI Design System is
- A theme specifications that define primitive Mudah UI design tokens
- A workbench to preview all available components and their usage guide
- A set of CLI tools to assist generate new components...
What Mudah UI Design System is NOT
- A base framework for doing Mudah web apps
- An end user-facing web app
- Any full web page
Building components:
- ๐ Storybook for UI component development and auto-generated docs
- โ๏ธ React declarative component-centric UI. React is also our core UI library of Front End development
- ๐ System UI Theme Specification as a standard design token format with theme-aware
css
props helper - โฌ๏ธ MDX (part of Storybook) for seamless React / JSX documentation
Maintaining the system: