@tiki.vn/tini-ui

Getting Started · Framework · Studio · Community

Tini UI

The Tini App design team builds a design system for the Tini App Platform based on the Tiki design system with the name Tini UI. The Tini Design System will help product designers/ developers to uniform the user interfaces to focus on a better user experience, deliver ideas and products faster.

Tini UI includes 2 packages: tini-ui and tini-style.

Install

Use npm

$ npm install @tiki.vn/tini-ui --save

Use yarn

$ yarn add @tiki.vn/tini-ui

How to use

Register the component into .json config file

{
  "usingComponents": {
    "avatar": "@tiki.vn/tini-ui/es/avatar/index"
  }
}

Then you can use it as normal component:

<avatar name="Tini UI" size="lg" shape="circle" src="https://salt.tikicdn.com/ts/miniapp/d6/21/86/89cc2b8a2f930bb5f0f269c0374a3230.png"/>
/>

Contribute

If you have any issues or suggestions, please send us issue

Resources

• Introducing about Tini Framework
• Tini Apps Example