0.1.0-alpha.217 • Published 11 months ago

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

Weekly downloads
-
License
EUPL-1.2
Repository
github
Last release
11 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

11 months ago

0.1.0-alpha.216

11 months ago

0.1.0-alpha.215

11 months ago

0.1.0-alpha.214

11 months ago

0.1.0-alpha.213

11 months ago

0.1.0-alpha.212

11 months ago

0.1.0-alpha.211

11 months ago

0.1.0-alpha.210

11 months ago

0.1.0-alpha.209

11 months ago

0.1.0-alpha.208

12 months ago

0.1.0-alpha.207

12 months ago

0.1.0-alpha.206

1 year ago

0.1.0-alpha.205

1 year ago

0.1.0-alpha.204

1 year ago

0.1.0-alpha.203

1 year ago

0.1.0-alpha.202

1 year ago

0.1.0-alpha.201

1 year 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

2 years ago

0.1.0-alpha.176

2 years ago

0.1.0-alpha.177

2 years ago

0.1.0-alpha.178

2 years ago

0.1.0-alpha.175

2 years ago

0.1.0-alpha.174

2 years ago

0.1.0-alpha.173

2 years ago

0.1.0-alpha.172

2 years ago

0.1.0-alpha.171

2 years ago

0.1.0-alpha.170

2 years ago

0.1.0-alpha.169

2 years 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