0.254.0 • Published 2 years ago

@scaleway/ui v0.254.0

Weekly downloads
209
License
Apache-2.0
Repository
github
Last release
2 years ago

Scaleway UI

npm version

Scaleway UI is a set of React components and utilities to build fast application.

:warning: This library is still WIP. We are actively working on it. Our goal is to have an easy-to-use UI system. This includes an exhaustive documentation, improved DX, confidence in testing and a lot of refactoring to have consistency across our components.

:warning: We are going to break a lot of things towards V1. This library is not yet production ready.

šŸ“ You can still participate in its development and start contributing to it.

Installation

$ pnpm add @scaleway/ui @emotion/react @emotion/styled

Usage

import { theme, normalize, Button } from '@scaleway/ui'
import { Global, css, ThemeProvider } from '@emotion/react'

const App = () => (
  <ThemeProvider theme={theme}>
    <Global styles={css`${normalize()}`}>
    <Button variant="primary" onClick={() => console.log('clicked')}>
      Click Me
    </Button>
  </ThemeProvider>
)

N.B. To allow typescript theme typings with @emotion/styled components, you'll have to define the @emotion/react module Theme interface in your project.

Example, in a emotion.d.ts file:

  • Declaration to use the default Scaleway theme
import '@emotion/react'
import type { SCWUITheme } from '@scaleway/ui'

declare module '@emotion/react' {
  export interface Theme extends SCWUITheme {}
}
  • Declaration to use your custom theme
import '@emotion/react'
import type { MyTheme } from './src/theme'

declare module '@emotion/react' {
  export interface Theme extends MyTheme {}
}

Documentation

Checkout our documentation website.

0.247.0

2 years ago

0.248.0

2 years ago

0.248.1

2 years ago

0.246.0

2 years ago

0.246.1

2 years ago

0.249.1

2 years ago

0.249.2

2 years ago

0.249.0

2 years ago

0.251.2

2 years ago

0.251.0

2 years ago

0.251.1

2 years ago

0.252.0

2 years ago

0.250.0

2 years ago

0.244.0

2 years ago

0.244.1

2 years ago

0.253.0

2 years ago

0.253.1

2 years ago

0.254.0

2 years ago

0.224.4

2 years ago

0.224.1

2 years ago

0.224.0

2 years ago

0.224.3

2 years ago

0.224.2

2 years ago

0.236.0

2 years ago

0.225.0

2 years ago

0.225.1

2 years ago

0.237.3

2 years ago

0.237.2

2 years ago

0.237.1

2 years ago

0.237.0

2 years ago

0.222.2

2 years ago

0.222.1

2 years ago

0.222.0

2 years ago

0.234.0

2 years ago

0.223.2

2 years ago

0.223.1

2 years ago

0.223.4

2 years ago

0.223.3

2 years ago

0.223.0

2 years ago

0.235.0

2 years ago

0.228.1

2 years ago

0.228.0

2 years ago

0.228.3

2 years ago

0.228.2

2 years ago

0.229.8

2 years ago

0.229.7

2 years ago

0.229.9

2 years ago

0.229.4

2 years ago

0.229.3

2 years ago

0.229.6

2 years ago

0.229.5

2 years ago

0.229.0

2 years ago

0.229.2

2 years ago

0.229.1

2 years ago

0.226.0

2 years ago

0.229.10

2 years ago

1.42.0

2 years ago

0.238.0

2 years ago

0.227.0

2 years ago

0.239.1

2 years ago

0.239.0

2 years ago

0.239.2

2 years ago

0.240.0

2 years ago

0.243.0

2 years ago

0.232.0

2 years ago

0.232.1

2 years ago

0.221.2

2 years ago

0.233.0

2 years ago

0.241.0

2 years ago

0.230.0

2 years ago

0.242.0

2 years ago

0.231.4

2 years ago

0.231.1

2 years ago

0.231.0

2 years ago

0.231.3

2 years ago

0.231.2

2 years ago

0.218.7

2 years ago

0.218.8

2 years ago

0.218.5

2 years ago

0.218.6

2 years ago

0.218.3

2 years ago

0.218.4

2 years ago

0.218.1

2 years ago

0.218.2

2 years ago

0.219.8

2 years ago

0.219.9

2 years ago

0.219.6

2 years ago

0.219.7

2 years ago

0.219.4

2 years ago

0.219.5

2 years ago

0.219.2

2 years ago

0.219.3

2 years ago

0.219.0

2 years ago

0.219.1

2 years ago

0.220.4

2 years ago

0.220.1

2 years ago

0.220.0

2 years ago

0.220.3

2 years ago

0.220.2

2 years ago

0.221.0

2 years ago

0.221.1

2 years ago

0.213.8

2 years ago

0.213.9

2 years ago

0.213.6

3 years ago

0.213.7

3 years ago

0.213.4

3 years ago

0.213.5

3 years ago

0.213.2

3 years ago

0.213.3

3 years ago

0.213.0

3 years ago

0.213.1

3 years ago

0.214.3

2 years ago

0.214.4

2 years ago

0.214.1

2 years ago

0.214.2

2 years ago

0.214.0

2 years ago

0.215.27

2 years ago

0.215.26

2 years ago

0.215.25

2 years ago

0.215.24

2 years ago

0.215.23

2 years ago

0.215.22

2 years ago

0.215.21

2 years ago

0.215.20

2 years ago

0.212.9

3 years ago

0.212.7

3 years ago

0.212.8

3 years ago

0.212.5

3 years ago

0.212.6

3 years ago

0.212.3

3 years ago

0.212.4

3 years ago

0.215.16

2 years ago

0.215.15

2 years ago

0.215.14

2 years ago

0.215.13

2 years ago

0.215.19

2 years ago

0.215.18

2 years ago

0.215.17

2 years ago

0.215.12

2 years ago

0.215.11

2 years ago

0.215.10

2 years ago

0.217.2

2 years ago

0.217.0

2 years ago

0.217.1

2 years ago

0.218.0

2 years ago

0.215.8

2 years ago

0.215.9

2 years ago

0.215.6

2 years ago

0.215.7

2 years ago

0.215.4

2 years ago

0.215.5

2 years ago

0.215.2

2 years ago

0.215.3

2 years ago

0.215.0

2 years ago

0.215.1

2 years ago

0.216.1

2 years ago

0.216.0

2 years ago

0.213.10

2 years ago

0.212.10

3 years ago

0.212.11

3 years ago

0.201.3

3 years ago

0.201.4

3 years ago

0.201.1

3 years ago

0.201.2

3 years ago

0.201.0

3 years ago

0.202.4

3 years ago

0.202.5

3 years ago

0.202.2

3 years ago

0.202.3

3 years ago

0.202.0

3 years ago

0.202.1

3 years ago

0.211.4

3 years ago

0.211.2

3 years ago

0.211.3

3 years ago

0.211.0

3 years ago

0.211.1

3 years ago

0.198.10

3 years ago

0.200.8

3 years ago

0.200.6

3 years ago

0.200.7

3 years ago

0.200.4

3 years ago

0.200.5

3 years ago

0.200.2

3 years ago

0.200.3

3 years ago

0.200.0

3 years ago

0.200.1

3 years ago

0.212.1

3 years ago

0.212.2

3 years ago

0.212.0

3 years ago

0.205.3

3 years ago

0.205.4

3 years ago

0.205.1

3 years ago

0.205.2

3 years ago

0.205.0

3 years ago

0.206.0

3 years ago

0.203.0

3 years ago

0.204.2

3 years ago

0.204.3

3 years ago

0.204.0

3 years ago

0.204.1

3 years ago

0.209.0

3 years ago

0.198.4

3 years ago

0.198.5

3 years ago

0.198.6

3 years ago

0.198.7

3 years ago

0.198.8

3 years ago

0.198.9

3 years ago

0.198.1

3 years ago

0.198.2

3 years ago

0.198.3

3 years ago

0.207.0

3 years ago

0.208.2

3 years ago

0.208.0

3 years ago

0.208.1

3 years ago

0.199.3

3 years ago

0.199.0

3 years ago

0.199.1

3 years ago

0.199.2

3 years ago

0.210.0

3 years ago

0.190.0

3 years ago

0.190.1

3 years ago

0.190.2

3 years ago

0.190.3

3 years ago

0.190.4

3 years ago

0.190.5

3 years ago

0.190.6

3 years ago

0.190.7

3 years ago

0.192.0

3 years ago

0.191.0

3 years ago

0.191.1

3 years ago

0.194.0

3 years ago

0.194.1

3 years ago

0.194.2

3 years ago

0.182.0

3 years ago

0.182.2

3 years ago

0.182.1

3 years ago

0.182.4

3 years ago

0.182.3

3 years ago

0.182.5

3 years ago

0.193.0

3 years ago

0.196.0

3 years ago

0.196.1

3 years ago

0.184.0

3 years ago

0.184.1

3 years ago

0.195.0

3 years ago

0.183.1

3 years ago

0.183.0

3 years ago

0.183.3

3 years ago

0.183.2

3 years ago

0.198.0

3 years ago

0.186.0

3 years ago

0.197.0

3 years ago

0.185.1

3 years ago

0.185.0

3 years ago

0.188.0

3 years ago

0.188.2

3 years ago

0.188.1

3 years ago

0.187.5

3 years ago

0.187.4

3 years ago

0.187.6

3 years ago

0.187.1

3 years ago

0.187.0

3 years ago

0.187.3

3 years ago

0.187.2

3 years ago

0.189.3

3 years ago

0.189.2

3 years ago

0.189.1

3 years ago

0.189.0

3 years ago

0.159.1

3 years ago

0.159.0

3 years ago

0.180.0

3 years ago

0.171.0

3 years ago

0.171.2

3 years ago

0.171.1

3 years ago

0.170.1

3 years ago

0.170.0

3 years ago

0.170.3

3 years ago

0.170.2

3 years ago

0.181.1

3 years ago

0.181.0

3 years ago

0.173.0

3 years ago

0.173.2

3 years ago

0.173.1

3 years ago

0.173.4

3 years ago

0.173.3

3 years ago

0.173.5

3 years ago

0.161.2

3 years ago

0.161.3

3 years ago

0.161.0

3 years ago

0.161.1

3 years ago

0.161.4

3 years ago

0.161.5

3 years ago

0.172.1

3 years ago

0.172.0

3 years ago

0.160.0

3 years ago

0.160.1

3 years ago

0.175.0

3 years ago

0.175.2

3 years ago

0.175.1

3 years ago

0.175.3

3 years ago

0.163.6

3 years ago

0.163.0

3 years ago

0.163.1

3 years ago

0.163.4

3 years ago

0.163.5

3 years ago

0.163.2

3 years ago

0.163.3

3 years ago

0.174.1

3 years ago

0.174.0

3 years ago

0.162.0

3 years ago

0.177.0

3 years ago

0.177.1

3 years ago

0.165.2

3 years ago

0.165.0

3 years ago

0.165.1

3 years ago

0.176.0

3 years ago

0.164.0

3 years ago

0.164.3

3 years ago

0.164.1

3 years ago

0.164.2

3 years ago

0.179.1

3 years ago

0.156.2

3 years ago

0.156.3

3 years ago

0.179.0

3 years ago

0.167.4

3 years ago

0.167.5

3 years ago

0.167.2

3 years ago

0.167.3

3 years ago

0.167.0

3 years ago

0.167.1

3 years ago

0.178.3

3 years ago

0.178.2

3 years ago

0.178.1

3 years ago

0.178.0

3 years ago

0.166.0

3 years ago

0.158.2

3 years ago

0.158.0

3 years ago

0.158.1

3 years ago

0.169.2

3 years ago

0.169.3

3 years ago

0.169.0

3 years ago

0.169.1

3 years ago

0.157.0

3 years ago

0.168.0

3 years ago

0.152.0

3 years ago

0.152.1

3 years ago

0.152.2

3 years ago

0.152.3

3 years ago

0.148.0

3 years ago

0.151.1

3 years ago

0.151.2

3 years ago

0.151.0

3 years ago

0.147.3

3 years ago

0.147.2

3 years ago

0.147.1

3 years ago

0.147.0

3 years ago

0.147.5

3 years ago

0.147.4

3 years ago

0.153.10

3 years ago

0.154.0

3 years ago

0.154.1

3 years ago

0.153.7

3 years ago

0.153.8

3 years ago

0.153.5

3 years ago

0.153.6

3 years ago

0.153.9

3 years ago

0.153.0

3 years ago

0.153.3

3 years ago

0.153.4

3 years ago

0.153.1

3 years ago

0.153.2

3 years ago

0.149.0

3 years ago

0.149.1

3 years ago

0.156.0

3 years ago

0.156.1

3 years ago

0.155.1

3 years ago

0.155.0

3 years ago

0.150.2

3 years ago

0.150.3

3 years ago

0.150.0

3 years ago

0.150.1

3 years ago

0.146.3

3 years ago

0.146.2

3 years ago

0.146.1

3 years ago

0.142.0

3 years ago

0.141.12

3 years ago

0.141.11

3 years ago

0.141.10

3 years ago

0.141.9

3 years ago

0.141.8

3 years ago

0.141.7

3 years ago

0.141.6

3 years ago

0.141.13

3 years ago

0.141.5

3 years ago

0.144.5

3 years ago

0.144.4

3 years ago

0.144.3

3 years ago

0.144.2

3 years ago

0.144.1

3 years ago

0.144.0

3 years ago

0.143.1

3 years ago

0.143.0

3 years ago

0.146.0

3 years ago

0.145.4

3 years ago

0.145.3

3 years ago

0.145.2

3 years ago

0.145.1

3 years ago

0.145.0

3 years ago

0.140.2

3 years ago

0.140.1

3 years ago

0.140.0

3 years ago

0.140.6

3 years ago

0.140.5

3 years ago

0.140.4

3 years ago

0.140.3

3 years ago

0.139.4

3 years ago

0.139.7

3 years ago

0.139.6

3 years ago

0.139.5

3 years ago

0.141.1

3 years ago

0.141.0

3 years ago

0.141.4

3 years ago

0.141.3

3 years ago

0.141.2

3 years ago

0.137.1

3 years ago

0.137.0

3 years ago

0.136.3

3 years ago

0.136.2

3 years ago

0.136.1

3 years ago

0.136.0

3 years ago

0.139.0

3 years ago

0.139.3

3 years ago

0.139.2

3 years ago

0.139.1

3 years ago

0.138.1

3 years ago

0.138.0

3 years ago

0.138.2

3 years ago

0.135.10

3 years ago

0.133.4

3 years ago

0.133.3

3 years ago

0.134.10

3 years ago

0.135.4

3 years ago

0.135.3

3 years ago

0.135.2

3 years ago

0.135.1

3 years ago

0.135.8

3 years ago

0.135.7

3 years ago

0.135.6

3 years ago

0.135.5

3 years ago

0.135.0

3 years ago

0.135.9

3 years ago

0.134.5

3 years ago

0.134.4

3 years ago

0.134.3

3 years ago

0.134.2

3 years ago

0.134.9

3 years ago

0.134.8

3 years ago

0.134.7

3 years ago

0.134.6

3 years ago

0.134.1

3 years ago

0.134.0

3 years ago

0.125.3

4 years ago

0.125.2

4 years ago

0.125.1

4 years ago

0.125.0

4 years ago

0.124.2

4 years ago

0.124.1

4 years ago

0.124.0

4 years ago

0.128.6

3 years ago

0.128.5

3 years ago

0.131.6

3 years ago

0.131.5

3 years ago

0.131.0

3 years ago

0.131.4

3 years ago

0.131.3

3 years ago

0.131.2

3 years ago

0.131.1

3 years ago

0.127.1

4 years ago

0.127.0

4 years ago

0.127.5

4 years ago

0.127.4

4 years ago

0.127.3

4 years ago

0.127.2

4 years ago

0.130.1

3 years ago

0.130.0

3 years ago

0.130.4

3 years ago

0.130.3

3 years ago

0.130.2

3 years ago

0.126.2

4 years ago

0.126.1

4 years ago

0.126.0

4 years ago

0.126.4

4 years ago

0.126.3

4 years ago

0.133.2

3 years ago

0.133.1

3 years ago

0.133.0

3 years ago

0.118.4

4 years ago

0.129.0

3 years ago

0.121.1

4 years ago

0.121.0

4 years ago

0.132.0

3 years ago

0.128.0

4 years ago

0.128.4

3 years ago

0.128.3

3 years ago

0.128.2

3 years ago

0.128.1

3 years ago

0.120.1

4 years ago

0.120.2

4 years ago

0.120.0

4 years ago

0.123.2

4 years ago

0.123.1

4 years ago

0.123.0

4 years ago

0.119.0

4 years ago

0.119.1

4 years ago

0.119.2

4 years ago

0.122.1

4 years ago

0.122.0

4 years ago

0.118.1

4 years ago

0.118.2

4 years ago

0.118.3

4 years ago

0.118.0

4 years ago

0.117.1

4 years ago

0.117.2

4 years ago

0.117.3

4 years ago

0.117.4

4 years ago

0.117.0

4 years ago

0.117.5

4 years ago

0.117.6

4 years ago

0.117.7

4 years ago

0.116.0

4 years ago

0.114.0

4 years ago

0.113.1

4 years ago

0.113.0

4 years ago

0.115.0

4 years ago

0.112.3

4 years ago

0.112.4

4 years ago

0.112.2

4 years ago

0.112.1

4 years ago

0.112.0

4 years ago

0.110.0

4 years ago

0.111.0

4 years ago

0.109.0

4 years ago

0.107.6

4 years ago

0.107.7

4 years ago

0.108.0

4 years ago

0.107.4

4 years ago

0.107.5

4 years ago

0.107.2

4 years ago

0.107.3

4 years ago

0.107.1

4 years ago

0.106.0

4 years ago

0.105.0

4 years ago

0.104.0

4 years ago

0.107.0

4 years ago

0.102.1

4 years ago

0.102.2

4 years ago

0.103.0

4 years ago

0.102.0

4 years ago

0.101.0

4 years ago

0.100.1

4 years ago

0.100.0

4 years ago

0.99.0

4 years ago

0.98.2

4 years ago

0.98.3

4 years ago

0.98.4

4 years ago

0.98.1

4 years ago

0.98.0

4 years ago

0.97.0

4 years ago

0.95.0

4 years ago

0.96.0

4 years ago

0.94.3

4 years ago

0.94.2

4 years ago

0.94.1

4 years ago

0.94.0

4 years ago

0.93.1

4 years ago

0.93.0

4 years ago

0.92.1

4 years ago

0.92.0

4 years ago

0.91.4

4 years ago

0.91.3

4 years ago

0.91.2

4 years ago

0.91.0

4 years ago

0.91.1

4 years ago

0.90.0

4 years ago

0.90.1

4 years ago

0.90.2

4 years ago

0.89.0

4 years ago

0.85.1

4 years ago

0.87.0

4 years ago

0.88.0

4 years ago

0.86.0

4 years ago

0.87.1

4 years ago

0.85.0

4 years ago

0.84.0

4 years ago

0.83.1

4 years ago

0.83.0

4 years ago

0.82.2

4 years ago

0.82.0

4 years ago

0.82.1

4 years ago

0.81.1

4 years ago

0.81.0

4 years ago

0.80.4

4 years ago

0.80.3

4 years ago

0.80.1

4 years ago

0.80.2

4 years ago

0.80.0

4 years ago

0.79.2

4 years ago

0.79.1

4 years ago

0.79.0

4 years ago

0.78.2

4 years ago

0.78.1

4 years ago

0.78.0

4 years ago

0.77.3

4 years ago

0.77.2

4 years ago

0.77.1

4 years ago

0.77.0

4 years ago

0.76.2

4 years ago

0.76.1

4 years ago

0.76.0

4 years ago

0.75.6

4 years ago

0.75.5

4 years ago

0.75.3

4 years ago

0.75.2

4 years ago

0.75.4

4 years ago

0.75.1

4 years ago

0.74.0

4 years ago

0.73.0

4 years ago

0.72.1

4 years ago

0.75.0

4 years ago

0.72.0

4 years ago

0.70.0

4 years ago

0.71.0

4 years ago

0.67.0

4 years ago

0.69.0

4 years ago

0.68.0

4 years ago

0.66.2

4 years ago

0.66.1

4 years ago

0.66.0

4 years ago

0.65.0

4 years ago

0.64.1

4 years ago

0.63.0

4 years ago

0.64.0

4 years ago

0.62.0

4 years ago

0.61.0

4 years ago

0.60.1

4 years ago

0.60.0

4 years ago

0.58.3

4 years ago

0.58.4

4 years ago

0.59.0

4 years ago

0.58.2

4 years ago

0.58.1

4 years ago

0.58.0

4 years ago

0.57.2

4 years ago

0.57.0

4 years ago

0.57.1

4 years ago

0.56.4

4 years ago

0.56.3

4 years ago

0.56.2

4 years ago

0.56.1

4 years ago

0.55.2

4 years ago

0.55.3

4 years ago

0.56.0

4 years ago

0.55.0

4 years ago

0.55.1

4 years ago

0.54.0

4 years ago

0.53.1

4 years ago

0.53.0

4 years ago

1.0.0

4 years ago