4.0.2 • Published 10 months ago

@cloudflare/elements v4.0.2

Weekly downloads
953
License
BSD-3-Clause
Repository
-
Last release
10 months ago

elements

Props-based styling hooked into the Cloudflare design system.

Installation

Installation with yarn is recommended

$ yarn add @cloudflare/elements

Usage

elements is a method of styling closely resembling writing semantic HTML, leading to greater readability. Because it uses styled-system under the hood, elements is able to work with most css-in-js libraries and greater enforce constraint-based styling.

Pseudo-classes

For pseudo-class usage, you'll want to default to usage of createComponent from @cloudflare/style-container.

Responsive styling

For guidelines on responsive styling, read the styled-system guidelines on styles.

When do I use Component Library?

Certain elements, such as <Button /> and <Select /> have counterparts in Component Library. To reduce confusion around when to use elements versus Component Library, a general rule of thumb is: if it looks like a Component Library component, it's best to use Component Library. If you need alternate styling but semantically require the specified DOM element (ex: <button />) then use elements. There will be ongoing work to rewrite Component Library using elements, thus this reduces the amount of maintenance needed.

styled-system@cloudflare/types
@infinitebrahmanuniverse/nolb-_cloudf@everything-registry/sub-chunk-179@cloudflare/component-data-table@cloudflare/component-filter-bar@cloudflare/component-forms@cloudflare/component-forms-formik@cloudflare/component-forms-hook-form@cloudflare/component-legend@cloudflare/component-link@cloudflare/component-listbox@cloudflare/component-loading@cloudflare/component-checkbox@cloudflare/component-code-block@cloudflare/component-forms-redux-form@cloudflare/component-header@cloudflare/chart-bar@cloudflare/component-page@cloudflare/component-payment-form@cloudflare/component-time-period-picker@cloudflare/component-toggle@cloudflare/component-tooltip@cloudflare/component-top-n-card@cloudflare/component-visually-hidden@cloudflare/component-stat-visualisation@cloudflare/component-table@cloudflare/component-payment-method-form@cloudflare/component-payment-method-form-v2@cloudflare/component-scroll-anchor@cloudflare/forms@cloudflare/forms-formik@cloudflare/forms-redux-form
4.0.1

10 months ago

4.0.0

10 months ago

4.0.2

10 months ago

3.0.9

12 months ago

3.0.10

11 months ago

3.0.8

2 years ago

3.0.7

2 years ago

3.0.6

2 years ago

3.0.5

2 years ago

3.0.4

2 years ago

3.0.3

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.0.0

4 years ago

2.1.0

4 years ago

2.0.0

4 years ago

1.12.3

4 years ago

1.12.2

4 years ago

1.12.1

4 years ago

1.12.0

4 years ago

1.12.7

4 years ago

1.12.6

4 years ago

1.12.5

4 years ago

1.12.4

4 years ago

1.12.8

4 years ago

1.11.96

4 years ago

1.11.97

4 years ago

1.11.94

4 years ago

1.11.95

4 years ago

1.11.92

4 years ago

1.11.93

4 years ago

1.11.90

4 years ago

1.11.91

4 years ago

1.11.98

4 years ago

1.11.85

4 years ago

1.11.86

4 years ago

1.11.89

4 years ago

1.11.87

4 years ago

1.11.88

4 years ago

1.11.83

4 years ago

1.11.84

4 years ago

1.11.81

4 years ago

1.11.82

4 years ago

1.11.80

4 years ago

1.11.74

4 years ago

1.11.75

4 years ago

1.11.72

4 years ago

1.11.73

4 years ago

1.11.70

4 years ago

1.11.71

4 years ago

1.11.78

4 years ago

1.11.79

4 years ago

1.11.76

4 years ago

1.11.77

4 years ago

1.11.69

4 years ago

1.11.68

4 years ago

1.11.52

4 years ago

1.11.53

4 years ago

1.11.51

4 years ago

1.11.58

4 years ago

1.11.59

4 years ago

1.11.56

4 years ago

1.11.57

4 years ago

1.11.54

4 years ago

1.11.55

4 years ago

1.11.63

4 years ago

1.11.64

4 years ago

1.11.61

4 years ago

1.11.62

4 years ago

1.11.60

4 years ago

1.11.67

4 years ago

1.11.65

4 years ago

1.11.66

4 years ago

1.11.50

4 years ago

1.11.49

4 years ago

1.11.48

4 years ago

1.11.38

4 years ago

1.11.39

4 years ago

1.11.36

4 years ago

1.11.37

4 years ago

1.11.34

4 years ago

1.11.35

4 years ago

1.11.33

4 years ago

1.11.41

4 years ago

1.11.42

4 years ago

1.11.40

4 years ago

1.11.47

4 years ago

1.11.45

4 years ago

1.11.46

4 years ago

1.11.43

4 years ago

1.11.44

4 years ago

1.11.30

4 years ago

1.11.31

4 years ago

1.11.32

4 years ago

1.11.27

4 years ago

1.11.28

4 years ago

1.11.26

4 years ago

1.11.29

4 years ago

1.11.16

4 years ago

1.11.17

4 years ago

1.11.15

4 years ago

1.11.18

4 years ago

1.11.19

4 years ago

1.11.20

4 years ago

1.11.25

4 years ago

1.11.23

4 years ago

1.11.24

4 years ago

1.11.21

4 years ago

1.11.22

4 years ago

1.11.14

4 years ago

1.11.13

4 years ago

1.11.12

4 years ago

1.11.10

4 years ago

1.11.11

4 years ago

1.11.8

4 years ago

1.11.9

4 years ago

1.11.7

4 years ago

1.11.6

4 years ago

1.11.5

4 years ago

1.11.4

4 years ago

1.11.3

4 years ago

1.11.2

4 years ago

1.11.1

4 years ago

1.10.0

5 years ago

1.11.0

4 years ago

1.9.87

5 years ago

1.9.86

5 years ago

1.9.85

5 years ago

1.9.84

5 years ago

1.9.83

5 years ago

1.9.82

5 years ago

1.9.81

5 years ago

1.9.80

5 years ago

1.9.79

5 years ago

1.9.78

5 years ago

1.9.77

5 years ago

1.9.76

5 years ago

1.9.75

5 years ago

1.9.74

5 years ago

1.9.73

5 years ago

1.9.69

5 years ago

1.9.68

5 years ago

1.9.72

5 years ago

1.9.71

5 years ago

1.9.70

5 years ago

1.9.67

5 years ago

1.9.66

5 years ago

1.9.65

5 years ago

1.9.64

5 years ago

1.9.63

5 years ago

1.9.61

5 years ago

1.9.60

5 years ago

1.9.59

5 years ago

1.9.58

5 years ago

1.9.57

5 years ago

1.9.56

5 years ago

1.9.55

5 years ago

1.9.54

5 years ago

1.9.53

5 years ago

1.9.52

5 years ago

1.9.51

5 years ago

1.9.50

5 years ago

1.9.49

5 years ago

1.9.48

5 years ago

1.9.47

5 years ago

1.9.46

5 years ago

1.9.45

5 years ago

1.9.44

5 years ago

1.9.43

5 years ago

1.9.42

5 years ago

1.9.41

5 years ago

1.9.40

5 years ago

1.9.39

5 years ago

1.9.38

5 years ago

1.9.37

5 years ago

1.9.36

5 years ago

1.9.35

5 years ago

1.9.34

5 years ago

1.9.33

5 years ago

1.9.32

5 years ago

1.9.31

5 years ago

1.9.30

5 years ago

1.9.29

5 years ago

1.9.28

5 years ago

1.9.27

5 years ago

1.9.26

5 years ago

1.9.25

5 years ago

1.9.24

5 years ago

1.9.23

5 years ago

1.9.22

5 years ago

1.9.21

5 years ago

1.9.20

5 years ago

1.9.19

5 years ago

1.9.18

5 years ago

1.9.17

5 years ago

1.9.16

5 years ago

1.9.15

5 years ago

1.9.14

5 years ago

1.9.13

5 years ago

1.9.12

5 years ago

1.9.11

5 years ago

1.9.10

5 years ago

1.9.9

5 years ago

1.9.8

5 years ago

1.9.7

5 years ago

1.9.6

5 years ago

1.9.5

5 years ago

1.9.4

5 years ago

1.9.3

5 years ago

1.9.2

5 years ago

1.9.1

5 years ago

1.9.0

5 years ago

1.8.0

5 years ago

1.7.23

6 years ago

1.7.22

6 years ago

1.7.21

6 years ago

1.7.20

6 years ago

1.7.19

6 years ago

1.7.18

6 years ago

1.7.17

6 years ago

1.7.16

6 years ago

1.7.15

6 years ago

1.7.14

6 years ago

1.7.13

6 years ago

1.7.11

6 years ago

1.7.12

6 years ago

1.7.10

6 years ago

1.7.9

6 years ago

1.7.8

6 years ago

1.7.7

6 years ago

1.7.6

6 years ago

1.7.5

6 years ago

1.7.4

6 years ago

1.7.3

6 years ago

1.7.2

6 years ago

1.7.1

6 years ago

1.7.0

6 years ago

1.6.28

6 years ago

1.6.27

6 years ago

1.6.26

6 years ago

1.6.25

6 years ago

1.6.24

6 years ago

1.6.23

6 years ago

1.6.22

6 years ago

1.6.20

6 years ago

1.6.21

6 years ago

1.6.19

6 years ago

1.6.17

6 years ago

1.6.18

6 years ago

1.6.16

6 years ago

1.6.15

6 years ago

1.6.13

6 years ago

1.6.14

6 years ago

1.6.12

6 years ago

1.6.9

6 years ago

1.6.11

6 years ago

1.6.10

6 years ago

1.6.8

6 years ago

1.6.7

6 years ago

1.6.6

6 years ago

1.6.5

6 years ago

1.6.4

6 years ago

1.6.3

6 years ago

1.6.2

6 years ago

1.6.1

6 years ago

1.6.0

6 years ago

1.5.35

6 years ago

1.5.34

6 years ago

1.5.32

6 years ago

1.5.33

6 years ago

1.5.31

6 years ago

1.5.30

6 years ago

1.5.29

6 years ago

1.5.28

6 years ago

1.5.27

6 years ago

1.5.26

6 years ago

1.5.25

6 years ago

1.5.24

6 years ago

1.5.23

6 years ago

1.5.22

6 years ago

1.5.21

6 years ago

1.5.20

6 years ago

1.5.19

6 years ago

1.5.18

6 years ago

1.5.17

6 years ago

1.5.16

6 years ago

1.5.14

6 years ago

1.5.12

6 years ago

1.5.11

6 years ago

1.5.10

6 years ago

1.5.9

6 years ago

1.5.8

6 years ago

1.5.5

6 years ago

1.5.7

6 years ago

1.5.6

6 years ago

1.5.4

6 years ago

1.5.3

6 years ago

1.5.2

6 years ago

1.5.1

6 years ago

1.5.0

6 years ago

1.4.74

6 years ago

1.4.73

6 years ago

1.4.72

6 years ago

1.4.71

6 years ago

1.4.70

6 years ago

1.4.69

6 years ago

1.4.68

6 years ago

1.4.67

6 years ago

1.4.66

6 years ago

1.4.65

6 years ago

1.4.64

6 years ago

1.4.63

6 years ago

1.4.60

6 years ago

1.4.62

6 years ago

1.4.61

6 years ago

1.4.59

6 years ago

1.4.58

6 years ago

1.4.53

6 years ago

1.4.51

6 years ago

1.4.52

6 years ago

1.4.50

6 years ago

1.4.34

6 years ago

1.4.33

6 years ago

1.4.32

6 years ago

1.4.31

6 years ago

1.4.30

6 years ago

1.4.28

6 years ago

1.4.29

6 years ago

1.4.27

6 years ago

1.4.26

6 years ago

1.4.25

6 years ago

1.4.24

6 years ago

1.4.23

6 years ago

1.4.22

6 years ago

1.4.21

6 years ago

1.4.20

6 years ago

1.4.19

6 years ago

1.4.18

6 years ago

1.4.15

6 years ago

1.4.17

6 years ago

1.4.16

6 years ago

1.4.13

6 years ago

1.4.14

6 years ago

1.4.12

6 years ago

1.4.10

6 years ago

1.4.9

6 years ago

1.4.8

6 years ago

1.4.7

6 years ago

1.4.6

6 years ago

1.4.5

6 years ago

1.4.4

6 years ago

1.4.3

6 years ago

1.4.2

6 years ago

1.4.1

6 years ago

1.4.0

6 years ago

1.3.19

6 years ago

1.3.18

6 years ago

1.3.17

6 years ago

1.3.16

6 years ago

1.3.14

6 years ago

1.3.15

6 years ago

1.3.13

6 years ago

1.3.11

6 years ago

1.3.12

6 years ago

1.3.10

6 years ago

1.3.9

6 years ago

1.3.8

6 years ago

1.3.7

6 years ago

1.3.6

6 years ago

1.3.5

6 years ago

1.3.4

6 years ago

1.3.3

6 years ago

1.3.2

6 years ago

1.3.0

6 years ago

1.2.8

6 years ago

1.2.7

6 years ago

1.2.6

6 years ago

1.2.5

6 years ago

1.2.3

6 years ago

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.23

6 years ago

1.1.22

6 years ago

1.1.21

6 years ago

1.1.20

6 years ago

1.1.19

6 years ago

1.1.18

6 years ago

1.1.17

6 years ago

1.1.16

6 years ago

1.1.14

6 years ago

1.1.13

6 years ago

1.1.12

6 years ago

1.1.11

6 years ago

1.1.10

6 years ago

1.1.9

6 years ago

1.1.8

6 years ago

1.1.7

6 years ago

1.1.6

6 years ago

1.1.5

6 years ago

1.1.4

6 years ago

1.1.3

7 years ago

1.1.2

7 years ago

1.1.1

7 years ago

1.1.0

7 years ago

1.0.97

7 years ago

1.0.96

7 years ago

1.0.95

7 years ago

1.0.94

7 years ago

1.0.93

7 years ago

1.0.92

7 years ago

1.0.91

7 years ago

1.0.90

7 years ago

1.0.89

7 years ago

1.0.88

7 years ago

1.0.87

7 years ago

1.0.86

7 years ago

1.0.85

7 years ago

1.0.84

7 years ago

1.0.83

7 years ago

1.0.82

7 years ago

1.0.81

7 years ago

1.0.80

7 years ago

1.0.79

7 years ago

1.0.78

7 years ago

1.0.77

7 years ago

1.0.76

7 years ago

1.0.75

7 years ago

1.0.74

7 years ago

1.0.73

7 years ago

1.0.72

7 years ago

1.0.71

7 years ago

1.0.70

7 years ago

1.0.69

7 years ago

1.0.68

7 years ago

1.0.67

7 years ago

1.0.66

7 years ago

1.0.65

7 years ago

1.0.64

7 years ago

1.0.63

7 years ago

1.0.62

7 years ago

1.0.61

7 years ago

1.0.60

7 years ago

1.0.59

7 years ago

1.0.58

7 years ago

1.0.57

7 years ago

1.0.56

7 years ago

1.0.55

7 years ago

1.0.54

7 years ago

1.0.53

7 years ago

1.0.52

7 years ago

1.0.51

7 years ago

1.0.50

7 years ago

1.0.49

7 years ago

1.0.48

7 years ago

1.0.47

7 years ago

1.0.46

7 years ago

1.0.45

7 years ago

1.0.44

7 years ago

1.0.43

7 years ago

1.0.42

7 years ago

1.0.41

7 years ago

1.0.40

7 years ago

1.0.39

7 years ago

1.0.38

7 years ago

1.0.37

7 years ago

1.0.36

7 years ago

1.0.35

7 years ago

1.0.34

7 years ago

1.0.33

7 years ago

1.0.32

7 years ago

1.0.31

7 years ago

1.0.30

7 years ago

1.0.29

7 years ago

1.0.28

7 years ago

1.0.27

7 years ago

1.0.26

7 years ago

1.0.25

7 years ago

1.0.24

7 years ago

1.0.23

7 years ago

1.0.22

7 years ago

1.0.21

7 years ago

1.0.20

7 years ago

1.0.19

7 years ago

1.0.18

7 years ago

1.0.17

7 years ago

1.0.16

7 years ago

1.0.15

7 years ago

1.0.14

7 years ago

1.0.13

7 years ago

1.0.12

7 years ago

1.0.11

7 years ago

1.0.10

7 years ago

1.0.9

7 years ago

1.0.8

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago