0.1.12 • Published 5 years ago
samurai-ui v0.1.12
Samurai UI
- highly opinionated UI Component library using
React
andStyled Components
- uses
@react-aria
and@react-stately
under the hood - it only focuses on styling and DX
This project is WIP.
Components to Build
Button
Container
Flex
Grid
Card
List
ComboBox
(Picker)DatePicker
Icons
Input
(text, textarea, radio, switch, checkbox)Progress
Slider
Tabs
Table
React Native Support
Get Started
npm install samurai-ui
//or
yarn add samurai-ui
You need to set ThemeProvider
to use UI components.
import React from 'react'
import { ThemeProvider, Theme, lightTheme, darkTheme } from 'samurai-ui'
function App({ children }) {
const [lightMode, setLightMode] = React.useState<boolean>(true)
const toggleTheme = () => setLightMode(!lightMode)
return (
<ThemeProvider theme={lightMode ? lightTheme : darkTheme}>
{children}
</ThemeProvider>
)
}
Documentation
WIP