@scaleway/themes
v1.2.4 themes ui
Scaleway Themes
Scaleway Themes is a set of themes for the Scaleway UI library.
Note
@scaleway/ui
is using@scaleway/theme
under the hood, therefore you don't need to install it if you want to use the default theme (consoleLightTheme
andconsoleDarkTheme
are the default themes).
Installation
$ pnpm add @scaleway/ui @scaleway/themes @emotion/react @emotion/styled
Usage
import { normalize, Button } from '@scaleway/ui'
import { consoleDarkTheme } from '@scaleway/themes' // << Here we import the theme we want to use
import { Global, css, ThemeProvider } from '@emotion/react'
const App = () => (
<ThemeProvider theme={consoleDarkTheme}>
<Global styles={css`${normalize()}`}>
<Button variant="primary" onClick={() => console.log('clicked')}>
Click Me
</Button>
</ThemeProvider>
)
Documentation
Checkout our documentation website.
npm i @scaleway/[email protected]
Metadata
- Apache-2.0
- >=18.x
- Unknown
- released 4/5/2023