1.0.0-alpha.147 • Published 7 days ago

@nl-design-system-unstable/theme-logo v1.0.0-alpha.147

Weekly downloads
-
License
EUPL-1.2
Repository
github
Last release
7 days ago

Theme Logo for NL Design System

NPM version

This is an experimental package for developers that want to showcase the theme switcher in their app. The <nl-theme-logo> custom element can be used to automatically switch to another logo when the theme has changed.

<!DOCTYPE html>
<html lang="en" class="utrecht-theme utrecht-document">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>NL Design System theme logo</title>
    <link rel="stylesheet" href="https://unpkg.com/@utrecht/component-library-css" />
    <script async src="https://unpkg.com/@nl-design-system-unstable/theme-switcher"></script>
    <style>
      :root {
        --utrecht-logo-max-width: 200px;
        --utrecht-logo-max-height: 200px;
        --utrecht-logo-min-width: 100px;
        --utrecht-logo-min-height: 100px;
      }
    </style>
  </head>
  <body class="utrecht-html">
    <h1>Example page</h1>
    <nl-theme-logo></nl-theme-logo>
  </body>
</html>

The logo configuration can be customized, and you will almost certainly want to do this. Configure the URL of where the logo images are hosted in your project, by specifying a JSON array in the themes attribute:

<nl-theme-logo themes="[]"></nl-theme-logo>

The JSON should have the following format. You have to option to either use an image or a web component. The advantage of a web component could be that is has built-in dark mode or responsive versions, but not every logo is available as web component of course.

[
  {
    "className": "utrecht-theme",
    "customElement": "utrecht-logo"
  },
  {
    "className": "denhaag-theme",
    "src": "/img/denhaag-logo.svg"
  }
]
nl-design-system
@everything-registry/sub-chunk-655
1.0.0-alpha.147

7 days ago

1.0.0-alpha.146

17 days ago

1.0.0-alpha.145

20 days ago

1.0.0-alpha.144

28 days ago

1.0.0-alpha.142

1 month ago

1.0.0-alpha.143

1 month ago

1.0.0-alpha.141

2 months ago

1.0.0-alpha.140

2 months ago

1.0.0-alpha.139

2 months ago

1.0.0-alpha.138

2 months ago

1.0.0-alpha.137

2 months ago

1.0.0-alpha.136

3 months ago

1.0.0-alpha.135

3 months ago

1.0.0-alpha.134

3 months ago

1.0.0-alpha.133

3 months ago

1.0.0-alpha.132

3 months ago

1.0.0-alpha.131

3 months ago

1.0.0-alpha.130

3 months ago

1.0.0-alpha.129

3 months ago

1.0.0-alpha.128

4 months ago

1.0.0-alpha.127

4 months ago

1.0.0-alpha.126

4 months ago

1.0.0-alpha.125

4 months ago

1.0.0-alpha.124

4 months ago

1.0.0-alpha.123

4 months ago

1.0.0-alpha.120

4 months ago

1.0.0-alpha.122

4 months ago

1.0.0-alpha.121

4 months ago

1.0.0-alpha.119

5 months ago

1.0.0-alpha.118

5 months ago

1.0.0-alpha.117

5 months ago

1.0.0-alpha.116

5 months ago

1.0.0-alpha.115

5 months ago

1.0.0-alpha.113

5 months ago

1.0.0-alpha.114

5 months ago

1.0.0-alpha.112

5 months ago

1.0.0-alpha.111

5 months ago

1.0.0-alpha.109

6 months ago

1.0.0-alpha.108

6 months ago

1.0.0-alpha.107

7 months ago

1.0.0-alpha.102

8 months ago

1.0.0-alpha.101

8 months ago

1.0.0-alpha.100

8 months ago

1.0.0-alpha.106

7 months ago

1.0.0-alpha.105

7 months ago

1.0.0-alpha.104

7 months ago

1.0.0-alpha.103

7 months ago

1.0.0-alpha.110

5 months ago

1.0.0-alpha.96

9 months ago

1.0.0-alpha.95

9 months ago

1.0.0-alpha.98

9 months ago

1.0.0-alpha.97

9 months ago

1.0.0-alpha.92

10 months ago

1.0.0-alpha.91

10 months ago

1.0.0-alpha.94

9 months ago

1.0.0-alpha.93

9 months ago

1.0.0-alpha.99

8 months ago

1.0.0-alpha.90

10 months ago

1.0.0-alpha.89

10 months ago

1.0.0-alpha.88

10 months ago

1.0.0-alpha.74

1 year ago

1.0.0-alpha.76

1 year ago

1.0.0-alpha.75

1 year ago

1.0.0-alpha.78

1 year ago

1.0.0-alpha.77

1 year ago

1.0.0-alpha.79

1 year ago

1.0.0-alpha.85

12 months ago

1.0.0-alpha.84

12 months ago

1.0.0-alpha.87

12 months ago

1.0.0-alpha.86

12 months ago

1.0.0-alpha.81

12 months ago

1.0.0-alpha.80

1 year ago

1.0.0-alpha.83

12 months ago

1.0.0-alpha.82

12 months ago

1.0.0-alpha.52

1 year ago

1.0.0-alpha.51

1 year ago

1.0.0-alpha.54

1 year ago

1.0.0-alpha.53

1 year ago

1.0.0-alpha.50

1 year ago

1.0.0-alpha.59

1 year ago

1.0.0-alpha.56

1 year ago

1.0.0-alpha.55

1 year ago

1.0.0-alpha.58

1 year ago

1.0.0-alpha.57

1 year ago

1.0.0-alpha.63

1 year ago

1.0.0-alpha.62

1 year ago

1.0.0-alpha.65

1 year ago

1.0.0-alpha.64

1 year ago

1.0.0-alpha.61

1 year ago

1.0.0-alpha.60

1 year ago

1.0.0-alpha.67

1 year ago

1.0.0-alpha.66

1 year ago

1.0.0-alpha.69

1 year ago

1.0.0-alpha.68

1 year ago

1.0.0-alpha.73

1 year ago

1.0.0-alpha.70

1 year ago

1.0.0-alpha.72

1 year ago

1.0.0-alpha.71

1 year ago

1.0.0-alpha.38

1 year ago

1.0.0-alpha.37

1 year ago

1.0.0-alpha.39

1 year ago

1.0.0-alpha.36

1 year ago

1.0.0-alpha.41

1 year ago

1.0.0-alpha.40

1 year ago

1.0.0-alpha.43

1 year ago

1.0.0-alpha.42

1 year ago

1.0.0-alpha.49

1 year ago

1.0.0-alpha.48

1 year ago

1.0.0-alpha.45

1 year ago

1.0.0-alpha.44

1 year ago

1.0.0-alpha.47

1 year ago

1.0.0-alpha.46

1 year ago

1.0.0-alpha.30

1 year ago

1.0.0-alpha.32

1 year ago

1.0.0-alpha.31

1 year ago

1.0.0-alpha.34

1 year ago

1.0.0-alpha.33

1 year ago

1.0.0-alpha.35

1 year ago

1.0.0-alpha.27

1 year ago

1.0.0-alpha.26

1 year ago

1.0.0-alpha.29

1 year ago

1.0.0-alpha.28

1 year ago

1.0.0-alpha.23

1 year ago

1.0.0-alpha.22

1 year ago

1.0.0-alpha.25

1 year ago

1.0.0-alpha.24

1 year ago

1.0.0-alpha.19

1 year ago

1.0.0-alpha.21

1 year ago

1.0.0-alpha.20

1 year ago

1.0.0-alpha.18

2 years ago

1.0.0-alpha.16

2 years ago

1.0.0-alpha.15

2 years ago

1.0.0-alpha.17

2 years ago

1.0.0-alpha.12

2 years ago

1.0.0-alpha.11

2 years ago

1.0.0-alpha.14

2 years ago

1.0.0-alpha.13

2 years ago

1.0.0-alpha.10

2 years ago

1.0.0-alpha.7

2 years ago

1.0.0-alpha.6

2 years ago

1.0.0-alpha.5

2 years ago

1.0.0-alpha.9

2 years ago

1.0.0-alpha.8

2 years ago

1.0.0-alpha.4

2 years ago

1.0.0-alpha.3

2 years ago

1.0.0-alpha.2

2 years ago

1.0.0-alpha.1

2 years ago