0.3.0-alpha.421 • Published 9 months ago

@gemeente-denhaag/badge-counter v0.3.0-alpha.421

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

Badge (counter)

npm (scoped) GitHub Workflow Status (branch)

Counter badges are used to indicate that there is a notification and display the number of notifications. It is an update message that announces something new for the user to see. Badges are typically used to indicate a new message.

When to use

TODO: Not yet written.

Alternatives and related components

Use Tag when you need to inform users about the status of an object, about an action or when you have data that helps categorize and organize things.

Anatomy

The badge consists of:

  1. Dot indicator: shows that there is a notification
  2. Count: displays the number of notifications
  3. Container: the rectangle with the number in it

(Interactive) states

None.

Design properties

Colors

  • Dot: color Red/3, border color white
  • Count: text color Grey/4
  • Container: fill color Grey/1

Structure

  • Dot: overlaps container 25%, border 2px, height and width 8px
  • Count: padding-inline 6px, padding-block 4px
  • Container: height 24px

Accessibility

TODO: Not yet written.

Content guidelines

None.

Best practices

Do's

Badges should:

  • Be hidden when count is 0
  • Have a maximal count of 999. Once you reach higher than 999, the label becomes "999+".
  • Be used for counts of important information, close to the relevant item.
  • Notify or draw attention to changed values or states
  • Be used when there is an underlying message in the menu
  • Be used sparingly

Don'ts

Dot indicators should:

  • Not be used if you need a text label. Use Tag instead.

References

https://cultureamp.design/components/badge

0.3.0-alpha.421

9 months ago

0.3.0-alpha.419

9 months ago

0.3.0-alpha.420

9 months ago

0.3.0-alpha.418

9 months ago

0.3.0-alpha.417

9 months ago

0.3.0-alpha.416

9 months ago

0.3.0-alpha.414

9 months ago

0.3.0-alpha.413

9 months ago

0.3.0-alpha.415

9 months ago

0.1.1-alpha.411

9 months ago

0.3.0-alpha.412

9 months ago

0.1.1-alpha.410

10 months ago

0.1.1-alpha.409

10 months ago

0.1.1-alpha.408

11 months ago

0.1.1-alpha.407

11 months ago

0.1.1-alpha.406

11 months ago

0.1.1-alpha.405

11 months ago

0.1.1-alpha.402

11 months ago

0.1.1-alpha.401

12 months ago

0.1.1-alpha.400

1 year ago

0.1.1-alpha.404

11 months ago

0.1.1-alpha.403

11 months ago

0.1.1-alpha.394

1 year ago

0.1.1-alpha.393

1 year ago

0.1.1-alpha.392

1 year ago

0.1.1-alpha.391

1 year ago

0.1.1-alpha.399

1 year ago

0.1.1-alpha.398

1 year ago

0.1.1-alpha.397

1 year ago

0.1.1-alpha.396

1 year ago

0.1.1-alpha.395

1 year ago

0.1.1-alpha.390

1 year ago

0.1.1-alpha.389

1 year ago

0.1.1-alpha.388

1 year ago

0.1.1-alpha.387

1 year ago

0.1.1-alpha.386

1 year ago

0.1.1-alpha.385

1 year ago

0.1.1-alpha.384

1 year ago

0.1.1-alpha.383

1 year ago

0.1.1-alpha.382

1 year ago

0.1.1-alpha.381

1 year ago

0.1.1-alpha.380

1 year ago

0.1.1-alpha.379

1 year ago

0.1.1-alpha.378

1 year ago

0.1.1-alpha.377

1 year ago

0.1.1-alpha.376

1 year ago

0.1.1-alpha.375

1 year ago

0.1.1-alpha.374

1 year ago

0.1.1-alpha.373

1 year ago

0.1.1-alpha.372

1 year ago

0.1.1-alpha.371

1 year ago

0.1.1-alpha.370

1 year ago

0.1.1-alpha.369

1 year ago

0.1.1-alpha.368

1 year ago

0.1.1-alpha.367

2 years ago

0.1.1-alpha.366

2 years ago

0.1.1-alpha.365

2 years ago

0.1.1-alpha.364

2 years ago

0.1.1-alpha.363

2 years ago

0.1.1-alpha.362

2 years ago

0.1.1-alpha.361

2 years ago

0.1.1-alpha.360

2 years ago

0.1.1-alpha.359

2 years ago

0.1.1-alpha.319

2 years ago

0.1.1-alpha.318

2 years ago

0.1.1-alpha.347

2 years ago

0.1.1-alpha.346

2 years ago

0.1.1-alpha.345

2 years ago

0.1.1-alpha.344

2 years ago

0.1.1-alpha.343

2 years ago

0.1.1-alpha.342

2 years ago

0.1.1-alpha.341

2 years ago

0.1.1-alpha.340

2 years ago

0.1.1-alpha.349

2 years ago

0.1.1-alpha.348

2 years ago

0.1.1-alpha.350

2 years ago

0.1.1-alpha.358

2 years ago

0.1.1-alpha.357

2 years ago

0.1.1-alpha.356

2 years ago

0.1.1-alpha.355

2 years ago

0.1.1-alpha.354

2 years ago

0.1.1-alpha.353

2 years ago

0.1.1-alpha.352

2 years ago

0.1.1-alpha.351

2 years ago

0.1.1-alpha.325

2 years ago

0.1.1-alpha.324

2 years ago

0.1.1-alpha.323

2 years ago

0.1.1-alpha.322

2 years ago

0.1.1-alpha.321

2 years ago

0.1.1-alpha.320

2 years ago

0.1.1-alpha.329

2 years ago

0.1.1-alpha.328

2 years ago

0.1.1-alpha.327

2 years ago

0.1.1-alpha.326

2 years ago

0.1.1-alpha.336

2 years ago

0.1.1-alpha.335

2 years ago

0.1.1-alpha.334

2 years ago

0.1.1-alpha.333

2 years ago

0.1.1-alpha.332

2 years ago

0.1.1-alpha.331

2 years ago

0.1.1-alpha.330

2 years ago

0.1.1-alpha.339

2 years ago

0.1.1-alpha.338

2 years ago

0.1.1-alpha.337

2 years ago

0.1.1-alpha.317

2 years ago

0.1.1-alpha.316

2 years ago

0.1.1-alpha.303

2 years ago

0.1.1-alpha.302

2 years ago

0.1.1-alpha.309

2 years ago

0.1.1-alpha.308

2 years ago

0.1.1-alpha.307

2 years ago

0.1.1-alpha.306

2 years ago

0.1.1-alpha.305

2 years ago

0.1.1-alpha.304

2 years ago

0.1.1-alpha.314

2 years ago

0.1.1-alpha.313

2 years ago

0.1.1-alpha.312

2 years ago

0.1.1-alpha.311

2 years ago

0.1.1-alpha.310

2 years ago

0.1.1-alpha.315

2 years ago

0.1.1-alpha.301

3 years ago

0.1.1-alpha.300

3 years ago

0.1.1-alpha.295

3 years ago

0.1.1-alpha.294

3 years ago

0.1.1-alpha.293

3 years ago

0.1.1-alpha.299

3 years ago

0.1.1-alpha.298

3 years ago

0.1.1-alpha.297

3 years ago

0.1.1-alpha.296

3 years ago

0.1.1-alpha.289

3 years ago

0.1.1-alpha.288

3 years ago

0.1.1-alpha.287

3 years ago

0.1.1-alpha.286

3 years ago

0.1.1-alpha.292

3 years ago

0.1.1-alpha.290

3 years ago

0.1.1-alpha.284

3 years ago

0.1.1-alpha.283

3 years ago

0.1.1-alpha.282

3 years ago

0.1.1-alpha.281

3 years ago

0.1.1-alpha.280

3 years ago

0.1.1-alpha.285

3 years ago

0.1.1-alpha.262

3 years ago

0.1.1-alpha.261

3 years ago

0.1.1-alpha.260

3 years ago

0.1.1-alpha.269

3 years ago

0.1.1-alpha.268

3 years ago

0.1.1-alpha.267

3 years ago

0.1.1-alpha.266

3 years ago

0.1.1-alpha.265

3 years ago

0.1.1-alpha.264

3 years ago

0.1.1-alpha.263

3 years ago

0.1.1-alpha.273

3 years ago

0.1.1-alpha.272

3 years ago

0.1.1-alpha.271

3 years ago

0.1.1-alpha.270

3 years ago

0.1.1-alpha.279

3 years ago

0.1.1-alpha.278

3 years ago

0.1.1-alpha.277

3 years ago

0.1.1-alpha.276

3 years ago

0.1.1-alpha.275

3 years ago

0.1.1-alpha.274

3 years ago

0.1.1-alpha.259

3 years ago

0.1.1-alpha.258

3 years ago

0.1.1-alpha.240

3 years ago

0.1.1-alpha.248

3 years ago

0.1.1-alpha.247

3 years ago

0.1.1-alpha.246

3 years ago

0.1.1-alpha.245

3 years ago

0.1.1-alpha.244

3 years ago

0.1.1-alpha.243

3 years ago

0.1.1-alpha.242

3 years ago

0.1.1-alpha.241

3 years ago

0.1.1-alpha.249

3 years ago

0.1.1-alpha.251

3 years ago

0.1.1-alpha.250

3 years ago

0.1.1-alpha.257

3 years ago

0.1.1-alpha.256

3 years ago

0.1.1-alpha.255

3 years ago

0.1.1-alpha.254

3 years ago

0.1.1-alpha.253

3 years ago

0.1.1-alpha.252

3 years ago

0.1.1-alpha.226

3 years ago

0.1.1-alpha.225

3 years ago

0.1.1-alpha.224

3 years ago

0.1.1-alpha.223

3 years ago

0.1.1-alpha.222

3 years ago

0.1.1-alpha.221

3 years ago

0.1.1-alpha.220

3 years ago

0.1.1-alpha.229

3 years ago

0.1.1-alpha.228

3 years ago

0.1.1-alpha.227

3 years ago

0.1.1-alpha.237

3 years ago

0.1.1-alpha.236

3 years ago

0.1.1-alpha.235

3 years ago

0.1.1-alpha.234

3 years ago

0.1.1-alpha.233

3 years ago

0.1.1-alpha.232

3 years ago

0.1.1-alpha.231

3 years ago

0.1.1-alpha.230

3 years ago

0.1.1-alpha.239

3 years ago

0.1.1-alpha.238

3 years ago

0.1.1-alpha.209

3 years ago

0.1.1-alpha.208

3 years ago

0.1.1-alpha.207

3 years ago

0.1.1-alpha.206

3 years ago

0.1.1-alpha.215

3 years ago

0.1.1-alpha.214

3 years ago

0.1.1-alpha.213

3 years ago

0.1.1-alpha.212

3 years ago

0.1.1-alpha.211

3 years ago

0.1.1-alpha.210

3 years ago

0.1.1-alpha.219

3 years ago

0.1.1-alpha.218

3 years ago

0.1.1-alpha.217

3 years ago

0.1.1-alpha.216

3 years ago

0.1.1-alpha.196

3 years ago

0.1.1-alpha.195

3 years ago

0.1.1-alpha.194

3 years ago

0.1.1-alpha.193

3 years ago

0.1.1-alpha.192

3 years ago

0.1.1-alpha.199

3 years ago

0.1.1-alpha.198

3 years ago

0.1.1-alpha.204

3 years ago

0.1.1-alpha.203

3 years ago

0.1.1-alpha.202

3 years ago

0.1.1-alpha.201

3 years ago

0.1.1-alpha.200

3 years ago

0.1.1-alpha.205

3 years ago

0.1.1-alpha.185

3 years ago

0.1.1-alpha.184

3 years ago

0.1.1-alpha.183

3 years ago

0.1.1-alpha.182

3 years ago

0.1.1-alpha.181

3 years ago

0.1.1-alpha.180

3 years ago

0.1.1-alpha.189

3 years ago

0.1.1-alpha.188

3 years ago

0.1.1-alpha.187

3 years ago

0.1.1-alpha.186

3 years ago

0.1.1-alpha.191

3 years ago

0.1.1-alpha.190

3 years ago

0.1.1-alpha.174

3 years ago

0.1.1-alpha.173

3 years ago

0.1.1-alpha.172

3 years ago

0.1.1-alpha.179

3 years ago

0.1.1-alpha.178

3 years ago

0.1.1-alpha.177

3 years ago

0.1.1-alpha.176

3 years ago

0.1.1-alpha.175

3 years ago

0.1.1-alpha.149

3 years ago

0.1.1-alpha.152

3 years ago

0.1.1-alpha.151

3 years ago

0.1.1-alpha.150

3 years ago

0.1.1-alpha.159

3 years ago

0.1.1-alpha.158

3 years ago

0.1.1-alpha.157

3 years ago

0.1.1-alpha.156

3 years ago

0.1.1-alpha.155

3 years ago

0.1.1-alpha.154

3 years ago

0.1.1-alpha.153

3 years ago

0.1.1-alpha.163

3 years ago

0.1.1-alpha.162

3 years ago

0.1.1-alpha.161

3 years ago

0.1.1-alpha.160

3 years ago

0.1.1-alpha.169

3 years ago

0.1.1-alpha.168

3 years ago

0.1.1-alpha.167

3 years ago

0.1.1-alpha.166

3 years ago

0.1.1-alpha.165

3 years ago

0.1.1-alpha.164

3 years ago

0.1.1-alpha.171

3 years ago

0.1.1-alpha.170

3 years ago

0.1.1-alpha.141

3 years ago

0.1.1-alpha.140

3 years ago

0.1.1-alpha.148

3 years ago

0.1.1-alpha.147

3 years ago

0.1.1-alpha.146

3 years ago

0.1.1-alpha.145

3 years ago

0.1.1-alpha.144

3 years ago

0.1.1-alpha.143

3 years ago

0.1.1-alpha.142

3 years ago

0.1.1-alpha.127

3 years ago

0.1.1-alpha.129

3 years ago

0.1.1-alpha.128

3 years ago

0.1.1-alpha.130

3 years ago

0.1.1-alpha.138

3 years ago

0.1.1-alpha.137

3 years ago

0.1.1-alpha.136

3 years ago

0.1.1-alpha.135

3 years ago

0.1.1-alpha.134

3 years ago

0.1.1-alpha.133

3 years ago

0.1.1-alpha.132

3 years ago

0.1.1-alpha.131

3 years ago

0.1.1-alpha.139

3 years ago

0.1.1-alpha.80

3 years ago

0.1.1-alpha.126

3 years ago

0.1.1-alpha.125

3 years ago

0.1.1-alpha.124

3 years ago

0.1.1-alpha.123

3 years ago

0.1.1-alpha.121

3 years ago

0.1.1-alpha.120

3 years ago

0.1.1-alpha.77

4 years ago

0.1.1-alpha.76

4 years ago

0.1.1-alpha.75

4 years ago

0.1.1-alpha.74

4 years ago

0.1.1-alpha.73

4 years ago

0.1.1-alpha.79

3 years ago

0.1.1-alpha.78

3 years ago

0.1.1-alpha.105

3 years ago

0.1.1-alpha.104

3 years ago

0.1.1-alpha.103

3 years ago

0.1.1-alpha.102

3 years ago

0.1.1-alpha.101

3 years ago

0.1.1-alpha.100

3 years ago

0.1.1-alpha.99

3 years ago

0.1.1-alpha.98

3 years ago

0.1.1-alpha.97

3 years ago

0.1.1-alpha.96

3 years ago

0.1.1-alpha.109

3 years ago

0.1.1-alpha.95

3 years ago

0.1.1-alpha.108

3 years ago

0.1.1-alpha.94

3 years ago

0.1.1-alpha.107

3 years ago

0.1.1-alpha.93

3 years ago

0.1.1-alpha.106

3 years ago

0.1.1-alpha.92

3 years ago

0.1.1-alpha.116

3 years ago

0.1.1-alpha.91

3 years ago

0.1.1-alpha.115

3 years ago

0.1.1-alpha.114

3 years ago

0.1.1-alpha.113

3 years ago

0.1.1-alpha.112

3 years ago

0.1.1-alpha.111

3 years ago

0.1.1-alpha.110

3 years ago

0.1.1-alpha.87

3 years ago

0.1.1-alpha.86

3 years ago

0.1.1-alpha.85

3 years ago

0.1.1-alpha.84

3 years ago

0.1.1-alpha.119

3 years ago

0.1.1-alpha.83

3 years ago

0.1.1-alpha.118

3 years ago

0.1.1-alpha.82

3 years ago

0.1.1-alpha.117

3 years ago

0.1.1-alpha.81

3 years ago

0.1.1-alpha.59

4 years ago

0.1.1-alpha.58

4 years ago

0.1.1-alpha.57

4 years ago

0.1.1-alpha.72

4 years ago

0.1.1-alpha.71

4 years ago

0.1.1-alpha.70

4 years ago

0.1.1-alpha.66

4 years ago

0.1.1-alpha.65

4 years ago

0.1.1-alpha.64

4 years ago

0.1.1-alpha.63

4 years ago

0.1.1-alpha.62

4 years ago

0.1.1-alpha.61

4 years ago

0.1.1-alpha.60

4 years ago

0.1.1-alpha.69

4 years ago

0.1.1-alpha.68

4 years ago

0.1.1-alpha.67

4 years ago

0.1.1-alpha.55

4 years ago

0.1.1-alpha.54

4 years ago

0.1.1-alpha.53

4 years ago

0.1.1-alpha.52

4 years ago

0.1.1-alpha.51

4 years ago

0.1.1-alpha.50

4 years ago

0.1.1-alpha.56

4 years ago

0.1.1-alpha.44

4 years ago

0.1.1-alpha.43

4 years ago

0.1.1-alpha.42

4 years ago

0.1.1-alpha.41

4 years ago

0.1.1-alpha.49

4 years ago

0.1.1-alpha.48

4 years ago

0.1.1-alpha.47

4 years ago

0.1.1-alpha.46

4 years ago

0.1.1-alpha.45

4 years ago

0.1.1-alpha.39

4 years ago

0.1.1-alpha.38

4 years ago

0.1.1-alpha.37

4 years ago

0.1.1-alpha.36

4 years ago

0.1.1-alpha.40

4 years ago

0.1.1-alpha.35

4 years ago

0.1.1-alpha.33

4 years ago

0.1.1-alpha.34

4 years ago

0.1.1-alpha.32

4 years ago

0.1.1-alpha.31

4 years ago

0.1.1-alpha.30

4 years ago

0.1.1-alpha.29

4 years ago

0.1.1-alpha.28

4 years ago

0.1.1-alpha.27

4 years ago

0.1.1-alpha.26

4 years ago

0.1.1-alpha.25

4 years ago

0.1.1-alpha.24

4 years ago

0.1.1-alpha.22

4 years ago

0.1.1-alpha.23

4 years ago

0.1.1-alpha.21

4 years ago

0.1.1-alpha.20

4 years ago

0.1.1-alpha.19

4 years ago

0.1.1-alpha.18

4 years ago

0.1.1-alpha.17

4 years ago

0.1.1-alpha.16

4 years ago

0.1.1-alpha.15

4 years ago

0.1.1-alpha.13

4 years ago

0.1.1-alpha.12

4 years ago

0.1.1-alpha.11

4 years ago

0.1.1-alpha.10

4 years ago

0.1.1-alpha.8

4 years ago

0.1.1-alpha.9

4 years ago

0.1.1-alpha.7

4 years ago

0.1.1-alpha.6

4 years ago

0.1.1-alpha.4

4 years ago

0.1.1-alpha.5

4 years ago

0.1.1-alpha.3

4 years ago

0.1.1-alpha.2

4 years ago