1.0.0-dev.184 • Published 10 months ago

@pantheon-systems/pds-toolkit-react v1.0.0-dev.184

Weekly downloads
-
License
-
Repository
github
Last release
10 months ago

pds-toolkit-react

React Toolkit for the Pantheon Design System

This toolkit provides assets for use within a React project and a Storybook instance to preview the components.

Published Storybook

Toolkit philosophy and scope

The intent of this toolkit is to provide a React-based implementation of the Pantheon Design System (PDS) with a focus on semantics, accessibility, visual design, and user-interface design.

This toolkit should not contain processes or mechanisms used for data manipulation, business logic, or similar. Therefore, processes such as form handling, routing, and language translation should be handled within the application that is consuming the toolkit.

Each component will contain a documentation page within Storybook that provides usage notes, implementation instructions, and expected data structure for that particular component.

Content within components

Content should not live within components with a few exceptions — the Social Links component and the links in the legal section of the SiteFooter component. To maintain consistency between all of our digital properties, these links will originate from the design system.

Implementation instructions

The toolkit consists of a global stylesheet and React components. Both are required for the toolkit to function as intended.

The global stylesheet — pds-core.css — provides the base styles for the toolkit including foundations, utilities, and color variables. This stylesheet should be applied at the root of the application.

The React components are imported and used within the application as needed. Component-specific styles are imported and applied automatically when the component is used.

Components should be imported using named imports. For example:

import { Container, SidebarLayout } from '@pantheon-systems/pds-toolkit-react';

Avoid style conflicts

This toolkit is not intended to be used in conjunction with other CSS frameworks. Doing so may result in unexpected behavior and/or visual conflicts.

1.0.0-dev.184

10 months ago

1.0.0-dev.179

10 months ago

1.0.0-dev.181

10 months ago

1.0.0-dev.180

10 months ago

1.0.0-dev.183

10 months ago

1.0.0-dev.182

10 months ago

1.0.0-dev.178

10 months ago

1.0.0-dev.177

10 months ago

1.0.0-dev.176

10 months ago

1.0.0-dev.175

10 months ago

1.0.0-dev.174

10 months ago

1.0.0-dev.173

10 months ago

1.0.0-dev.172

10 months ago

1.0.0-dev.159

11 months ago

1.0.0-dev.163

11 months ago

1.0.0-dev.162

11 months ago

1.0.0-dev.165

11 months ago

1.0.0-dev.164

11 months ago

1.0.0-dev.161

11 months ago

1.0.0-dev.160

11 months ago

1.0.0-dev.167

11 months ago

1.0.0-dev.166

11 months ago

1.0.0-dev.169

11 months ago

1.0.0-dev.168

11 months ago

1.0.0-dev.170

11 months ago

1.0.0-dev.171

11 months ago

1.0.0-dev.156

11 months ago

1.0.0-dev.155

11 months ago

1.0.0-dev.158

11 months ago

1.0.0-dev.157

11 months ago

1.0.0-dev.154

11 months ago

1.0.0-dev.152

12 months ago

1.0.0-dev.151

12 months ago

1.0.0-dev.153

11 months ago

1.0.0-dev.149

12 months ago

1.0.0-dev.150

12 months ago

1.0.0-dev.148

12 months ago

1.0.0-dev.145

12 months ago

1.0.0-dev.147

12 months ago

1.0.0-dev.146

12 months ago

1.0.0-dev.116

1 year ago

1.0.0-dev.118

1 year ago

1.0.0-dev.117

1 year ago

1.0.0-dev.119

1 year ago

1.0.0-dev.121

1 year ago

1.0.0-dev.120

1 year ago

1.0.0-dev.138

1 year ago

1.0.0-dev.137

1 year ago

1.0.0-dev.139

1 year ago

1.0.0-dev.134

1 year ago

1.0.0-dev.133

1 year ago

1.0.0-dev.136

1 year ago

1.0.0-dev.135

1 year ago

1.0.0-dev.141

1 year ago

1.0.0-dev.140

1 year ago

1.0.0-dev.143

1 year ago

1.0.0-dev.142

1 year ago

1.0.0-dev.127

1 year ago

1.0.0-dev.126

1 year ago

1.0.0-dev.129

1 year ago

1.0.0-dev.128

1 year ago

1.0.0-dev.123

1 year ago

1.0.0-dev.122

1 year ago

1.0.0-dev.125

1 year ago

1.0.0-dev.124

1 year ago

1.0.0-dev.130

1 year ago

1.0.0-dev.132

1 year ago

1.0.0-dev.131

1 year ago

1.0.0-dev.144

12 months ago

1.0.0-dev.115

1 year ago

1.0.0-dev.114

1 year ago

1.0.0-dev.113

1 year ago

1.0.0-dev.112

1 year ago

1.0.0-dev.111

1 year ago

1.0.0-dev.110

1 year ago

1.0.0-dev.109

1 year ago

1.0.0-dev.108

1 year ago

1.0.0-dev.107

1 year ago

1.0.0-dev.106

1 year ago

1.0.0-dev.105

1 year ago

1.0.0-dev.104

1 year ago

1.0.0-dev.103

1 year ago

1.0.0-dev.102

1 year ago

1.0.0-dev.101

1 year ago

1.0.0-dev.100

1 year ago

1.0.0-dev.99

1 year ago

1.0.0-dev.98

1 year ago

1.0.0-dev.97

1 year ago

1.0.0-dev.96

1 year ago

1.0.0-dev.95

1 year ago

1.0.0-dev.94

1 year ago

1.0.0-dev.93

1 year ago

1.0.0-dev.92

1 year ago

1.0.0-dev.91

1 year ago

1.0.0-dev.90

1 year ago

1.0.0-dev.89

1 year ago

1.0.0-dev.88

1 year ago

1.0.0-dev.87

1 year ago

1.0.0-dev.86

1 year ago

1.0.0-dev.85

1 year ago

1.0.0-dev.84

1 year ago

1.0.0-dev.83

1 year ago

1.0.0-dev.82

1 year ago

1.0.0-dev.81

1 year ago

1.0.0-dev.80

1 year ago

1.0.0-dev.79

1 year ago

1.0.0-dev.78

1 year ago

1.0.0-dev.77

2 years ago

1.0.0-dev.76

2 years ago

1.0.0-dev.75

2 years ago

1.0.0-dev.74

2 years ago

1.0.0-dev.73

2 years ago

1.0.0-dev.71

2 years ago

1.0.0-dev.72

2 years ago

1.0.0-dev.70

2 years ago

1.0.0-dev.68

2 years ago

1.0.0-dev.69

2 years ago

1.0.0-dev.67

2 years ago

1.0.0-dev.66

2 years ago

1.0.0-dev.65

2 years ago

1.0.0-dev.64

2 years ago

1.0.0-dev.63

2 years ago

1.0.0-dev.62

2 years ago

1.0.0-dev.61

2 years ago

1.0.0-dev.60

2 years ago

1.0.0-dev.59

2 years ago

1.0.0-dev.19

2 years ago

1.0.0-dev.18

2 years ago

1.0.0-dev.57

2 years ago

1.0.0-dev.13

2 years ago

1.0.0-dev.56

2 years ago

1.0.0-dev.12

2 years ago

1.0.0-dev.55

2 years ago

1.0.0-dev.11

2 years ago

1.0.0-dev.54

2 years ago

1.0.0-dev.10

2 years ago

1.0.0-dev.17

2 years ago

1.0.0-dev.16

2 years ago

1.0.0-dev.15

2 years ago

1.0.0-dev.58

2 years ago

1.0.0-dev.14

2 years ago

1.0.0-dev.8

2 years ago

1.0.0-dev.53

2 years ago

1.0.0-dev.52

2 years ago

1.0.0-dev.51

2 years ago

1.0.0-dev.50

2 years ago

1.0.0-dev.9

2 years ago

1.0.0-dev.46

2 years ago

1.0.0-dev.45

2 years ago

1.0.0-dev.44

2 years ago

1.0.0-dev.43

2 years ago

1.0.0-dev.49

2 years ago

1.0.0-dev.48

2 years ago

1.0.0-dev.47

2 years ago

1.0.0-dev.42

2 years ago

1.0.0-dev.41

2 years ago

1.0.0-dev.40

2 years ago

1.0.0-dev.35

2 years ago

1.0.0-dev.34

2 years ago

1.0.0-dev.33

2 years ago

1.0.0-dev.32

2 years ago

1.0.0-dev.39

2 years ago

1.0.0-dev.38

2 years ago

1.0.0-dev.37

2 years ago

1.0.0-dev.36

2 years ago

1.0.0-dev.31

2 years ago

1.0.0-dev.30

2 years ago

1.0.0-dev.29

2 years ago

1.0.0-dev.24

2 years ago

1.0.0-dev.23

2 years ago

1.0.0-dev.22

2 years ago

1.0.0-dev.21

2 years ago

1.0.0-dev.28

2 years ago

1.0.0-dev.27

2 years ago

1.0.0-dev.26

2 years ago

1.0.0-dev.25

2 years ago

1.0.0-dev.20

2 years ago

1.0.0-dev.6

2 years ago

1.0.0-dev.5

2 years ago

1.0.0-dev.4

2 years ago

1.0.0-dev.1

2 years ago