1.0.10 • Published 4 years ago
tali-ui v1.0.10
tali-ui
Tali-ui is a simple UI library that provides basic React components for your project.
Storybook
To watch the components in action, visit our Storybook
Quick Install
NPM
npm i tali-ui
Yarn
yarn add tali-ui
Import
After installation, you can import library components into your project like this:
import { Component } from 'tali-ui';
Usage
Themes
We provide several basic themes:
You can use our themes in the following way:
import { ThemeProvider, CloverTheme } from 'tali-ui'
class ThemeExample extends Component {
render () {
return (
<ThemeProvider theme={CloverTheme}>
...
</ThemeProvider>
)
}
}
Example
import React, { Component } from 'react'
import { ComponentExample , ThemeProvider, CloverTheme } from 'tali-ui'
class ComponentExample extends Component {
render () {
return (
<ThemeProvider theme={CloverTheme}>
<ComponentExample size="normal">Hello</ComponentExample>
</ThemeProvider>
)
}
}
List of components
- Button
- BalanceFormat
- Card
- Container
- Dialog
- Error
- Input
- Label
- LoadingBar
- LoginBox
- LoginForm
- Logo
- MegaTitle
- NavBar
- RoundImage
- SideBar
- Title
- TopBar