0.1.0-alpha.217 • Published 9 months ago

@gemeente-denhaag/sheet v0.1.0-alpha.217

Weekly downloads
-
License
EUPL-1.2
Repository
github
Last release
9 months ago

Sheet

When to use

Use sheets when expanding menu links or when opening a function that will be hidden and shown on the same page. So you can use it to show the topics, for the language switcher or for the search.

When not to use

Do not use sheets for other dropdowns than the ones in the menu.

Anatomy

The Sheet consists of:

(Interactive) states

The Sheet contains the states

Design properties

Typography

Colors

Structure

Best practices

Do's

The sheet uses the entire width of the screen. Place the sheet under the menu. The menu must always remain visible. Always offers a closing option of the sheet. This can be done with the cross or by clicking on everything outside the sheet. Avoid scrolling in a sheet. Make sure the information is concise and if the content is long, the height of the sheet should be increased. Horizontal scrolling in sheets is not possible. Sheets can display a wide variety of content and layouts, ranging from a list of actions to additional content in a table.

Don'ts

Tekst

Content guidelines

Accessibility

References

https://material.io/components/sheets-side#usage

@everything-registry/sub-chunk-355@gemeente-denhaag/storybook@gemeente-denhaag/components-react@gemeente-denhaag/header@gemeente-denhaag/menu
0.1.0-alpha.217

9 months ago

0.1.0-alpha.216

10 months ago

0.1.0-alpha.215

10 months ago

0.1.0-alpha.214

10 months ago

0.1.0-alpha.213

10 months ago

0.1.0-alpha.212

10 months ago

0.1.0-alpha.211

10 months ago

0.1.0-alpha.210

10 months ago

0.1.0-alpha.209

10 months ago

0.1.0-alpha.208

10 months ago

0.1.0-alpha.207

10 months ago

0.1.0-alpha.206

11 months ago

0.1.0-alpha.205

11 months ago

0.1.0-alpha.204

11 months ago

0.1.0-alpha.203

11 months ago

0.1.0-alpha.202

12 months ago

0.1.0-alpha.201

12 months ago

0.1.0-alpha.198

1 year ago

0.1.0-alpha.199

1 year ago

0.1.0-alpha.194

1 year ago

0.1.0-alpha.195

1 year ago

0.1.0-alpha.196

1 year ago

0.1.0-alpha.197

1 year ago

0.1.0-alpha.190

1 year ago

0.1.0-alpha.191

1 year ago

0.1.0-alpha.192

1 year ago

0.1.0-alpha.193

1 year ago

0.1.0-alpha.187

1 year ago

0.1.0-alpha.188

1 year ago

0.1.0-alpha.189

1 year ago

0.1.0-alpha.200

1 year ago

0.1.0-alpha.186

1 year ago

0.1.0-alpha.185

1 year ago

0.1.0-alpha.184

1 year ago

0.1.0-alpha.183

1 year ago

0.1.0-alpha.182

1 year ago

0.1.0-alpha.181

1 year ago

0.1.0-alpha.180

1 year ago

0.1.0-alpha.179

1 year ago

0.1.0-alpha.176

1 year ago

0.1.0-alpha.177

1 year ago

0.1.0-alpha.178

1 year ago

0.1.0-alpha.175

1 year ago

0.1.0-alpha.174

1 year ago

0.1.0-alpha.173

1 year ago

0.1.0-alpha.172

1 year ago

0.1.0-alpha.171

1 year ago

0.1.0-alpha.170

1 year ago

0.1.0-alpha.169

1 year ago

0.1.0-alpha.168

2 years ago

0.1.0-alpha.167

2 years ago

0.1.0-alpha.166

2 years ago

0.1.0-alpha.165

2 years ago

0.1.0-alpha.164

2 years ago

0.1.0-alpha.161

2 years ago

0.1.0-alpha.162

2 years ago

0.1.0-alpha.163

2 years ago

0.1.0-alpha.159

2 years ago

0.1.0-alpha.160

2 years ago

0.1.0-alpha.158

2 years ago

0.1.0-alpha.157

2 years ago

0.1.0-alpha.156

2 years ago

0.1.0-alpha.155

2 years ago

0.1.0-alpha.114

2 years ago

0.1.0-alpha.115

2 years ago

0.1.0-alpha.116

2 years ago

0.1.0-alpha.117

2 years ago

0.1.0-alpha.154

2 years ago

0.1.0-alpha.150

2 years ago

0.1.0-alpha.151

2 years ago

0.1.0-alpha.152

2 years ago

0.1.0-alpha.153

2 years ago

0.1.0-alpha.118

2 years ago

0.1.0-alpha.119

2 years ago

0.1.0-alpha.147

2 years ago

0.1.0-alpha.148

2 years ago

0.1.0-alpha.149

2 years ago

0.1.0-alpha.143

2 years ago

0.1.0-alpha.144

2 years ago

0.1.0-alpha.145

2 years ago

0.1.0-alpha.146

2 years ago

0.1.0-alpha.140

2 years ago

0.1.0-alpha.141

2 years ago

0.1.0-alpha.142

2 years ago

0.1.0-alpha.136

2 years ago

0.1.0-alpha.137

2 years ago

0.1.0-alpha.138

2 years ago

0.1.0-alpha.139

2 years ago

0.1.0-alpha.132

2 years ago

0.1.0-alpha.133

2 years ago

0.1.0-alpha.134

2 years ago

0.1.0-alpha.135

2 years ago

0.1.0-alpha.130

2 years ago

0.1.0-alpha.131

2 years ago

0.1.0-alpha.125

2 years ago

0.1.0-alpha.126

2 years ago

0.1.0-alpha.127

2 years ago

0.1.0-alpha.128

2 years ago

0.1.0-alpha.121

2 years ago

0.1.0-alpha.122

2 years ago

0.1.0-alpha.123

2 years ago

0.1.0-alpha.124

2 years ago

0.1.0-alpha.120

2 years ago

0.1.0-alpha.129

2 years ago

0.1.0-alpha.113

2 years ago

0.1.0-alpha.112

2 years ago

0.1.0-alpha.111

2 years ago

0.1.0-alpha.110

2 years ago

0.1.0-alpha.109

2 years ago

0.1.0-alpha.108

2 years ago

0.1.0-alpha.107

2 years ago

0.1.0-alpha.106

2 years ago

0.1.0-alpha.105

2 years ago

0.1.0-alpha.104

2 years ago

0.1.0-alpha.103

2 years ago

0.1.0-alpha.102

2 years ago

0.1.0-alpha.101

2 years ago