- 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.
-
Button
-
Container
-
Flex
-
Grid
-
Card
-
List
-
ComboBox
(Picker) -
DatePicker
-
Icons
-
Input
(text, textarea, radio, switch, checkbox) -
Progress
-
Slider
-
Tabs
-
Table
-
React Native Support
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>
)
}
WIP