1.7.0 • Published 23 days ago

@spectrum-web-components/top-nav v1.7.0

Weekly downloads
108
License
Apache-2.0
Repository
github
Last release
23 days ago

Description

<sp-top-nav> delivers site navigation, particularly for when that navigation will change the majority of the page's content and/or the page's URL when selected. All primary elements of an <sp-top-nav> should be directly accessible in the tab order.

Usage

See it on NPM! How big is this package in your project? Try it on Stackblitz

yarn add @spectrum-web-components/top-nav

Import the side effectful registration of <sp-top-nav> and <sp-top-nav-item> as follows:

import '@spectrum-web-components/top-nav/sp-top-nav.js';
import '@spectrum-web-components/top-nav/sp-top-nav-item.js';

When looking to leverage the TopNav or TopNavItem base classes as a type and/or for extension purposes, do so via:

import { TopNav, TopNavItem } from '@spectrum-web-components/top-nav';

Example

<sp-top-nav>
    <sp-top-nav-item href="#">Site Name</sp-top-nav-item>
    <sp-top-nav-item href="#page-1" style="margin-inline-start: auto;">
        Page 1
    </sp-top-nav-item>
    <sp-top-nav-item href="#page-2">Page 2</sp-top-nav-item>
    <sp-top-nav-item href="#page-3">Page 3</sp-top-nav-item>
    <sp-top-nav-item href="#page-4">Page with Really Long Name</sp-top-nav-item>
    <sp-action-menu
        label="Account"
        placement="bottom-end"
        style="margin-inline-start: auto;"
        quiet
    >
        <sp-menu-item>Account Settings</sp-menu-item>
        <sp-menu-item>My Profile</sp-menu-item>
        <sp-menu-divider></sp-menu-divider>
        <sp-menu-item>Share</sp-menu-item>
        <sp-menu-divider></sp-menu-divider>
        <sp-menu-item>Help</sp-menu-item>
        <sp-menu-item>Sign Out</sp-menu-item>
    </sp-action-menu>
</sp-top-nav>
1.6.0

2 months ago

1.4.1-beta.0

3 months ago

1.5.0

3 months ago

1.3.0-beta.1

4 months ago

1.3.0-beta.2

4 months ago

1.3.0-beta.3

4 months ago

1.3.0-beta.4

4 months ago

1.3.0-beta.5

4 months ago

1.3.0-beta.6

4 months ago

1.3.0-beta.0

4 months ago

1.4.0

3 months ago

1.5.1-beta.0

3 months ago

1.1.0-beta.50

7 months ago

1.1.0-beta.51

7 months ago

1.1.0-beta.54

7 months ago

1.1.0-beta.55

7 months ago

1.1.0-beta.52

7 months ago

1.1.0-beta.53

7 months ago

1.4.0-beta.0

4 months ago

1.3.0

4 months ago

1.6.0-beta.0

3 months ago

1.2.0

4 months ago

1.1.0-beta.10

8 months ago

1.1.0-beta.11

8 months ago

1.1.0-beta.14

8 months ago

1.1.0-beta.15

8 months ago

1.1.0-beta.12

8 months ago

1.1.0-beta.13

8 months ago

1.1.0-beta.18

8 months ago

1.1.0-beta.19

8 months ago

1.3.0-testing.0

4 months ago

1.1.0-beta.16

8 months ago

1.1.0-beta.17

8 months ago

1.1.0-beta.9

8 months ago

1.1.0-beta.8

8 months ago

1.1.0-beta.7

8 months ago

1.1.0-beta.2

8 months ago

1.1.0-beta.21

8 months ago

1.1.0-beta.6

8 months ago

1.1.0-beta.22

8 months ago

1.1.0-beta.5

8 months ago

1.1.0-beta.4

8 months ago

1.1.0-beta.20

8 months ago

1.1.0-beta.3

8 months ago

1.1.0-beta.25

8 months ago

1.1.0-beta.26

8 months ago

1.1.0-beta.23

8 months ago

1.1.0-beta.24

8 months ago

1.1.0-beta.29

8 months ago

1.1.0-beta.27

8 months ago

1.1.0-beta.28

8 months ago

1.1.1

5 months ago

1.1.0

5 months ago

1.1.2

5 months ago

1.1.0-beta.32

8 months ago

1.1.0-beta.33

8 months ago

1.1.0-beta.30

8 months ago

1.1.0-beta.31

8 months ago

1.1.0-beta.36

8 months ago

1.1.0-beta.37

7 months ago

1.1.0-beta.34

8 months ago

1.1.0-beta.35

8 months ago

1.1.0-beta.38

7 months ago

1.1.0-beta.39

7 months ago

1.3.1-beta.0

4 months ago

1.1.0-beta.40

7 months ago

1.1.0-beta.43

7 months ago

1.1.0-beta.44

7 months ago

1.1.0-beta.41

7 months ago

1.1.0-beta.42

7 months ago

1.1.0-beta.47

7 months ago

1.1.0-beta.48

7 months ago

1.1.0-beta.45

7 months ago

1.1.0-beta.46

7 months ago

1.1.0-beta.49

7 months ago

1.2.0-beta.9

4 months ago

1.0.2

7 months ago

1.2.0-beta.8

4 months ago

1.0.1

8 months ago

1.0.3

7 months ago

1.2.0-beta.1

5 months ago

1.2.0-beta.0

5 months ago

1.2.0-beta.3

5 months ago

1.2.0-beta.2

5 months ago

1.2.0-beta.5

5 months ago

1.2.0-beta.4

5 months ago

1.2.0-beta.7

4 months ago

1.2.0-beta.6

5 months ago

1.7.0

23 days ago

1.5.0-beta.0

3 months ago

1.2.0-beta.16

4 months ago

1.2.0-beta.15

4 months ago

1.2.0-beta.18

4 months ago

1.2.0-beta.17

4 months ago

1.2.0-beta.12

4 months ago

1.2.0-beta.11

4 months ago

1.2.0-beta.14

4 months ago

1.2.0-beta.13

4 months ago

1.6.1-beta.0

2 months ago

1.2.0-beta.10

4 months ago

1.2.0-beta.19

4 months ago

1.0.0-rc.9

8 months ago

1.0.0-rc.7

8 months ago

1.0.0-rc.8

8 months ago

1.0.0-rc.5

8 months ago

1.0.0-rc.6

8 months ago

1.0.0-rc.10

8 months ago

1.0.0-rc.3

8 months ago

1.0.0-rc.4

8 months ago

1.0.0-rc.1

8 months ago

1.0.0-rc.2

8 months ago

0.50.0-beta.11

8 months ago

0.50.0-beta.12

8 months ago

0.50.0-beta.10

8 months ago

1.1.0-beta.1

8 months ago

1.1.0-beta.0

8 months ago

0.50.0-beta.9

8 months ago

0.50.0-beta.8

8 months ago

0.50.0-beta.7

8 months ago

0.50.0-beta.6

8 months ago

0.50.0-beta.5

8 months ago

0.50.0-beta.4

8 months ago

1.0.0

8 months ago

0.50.0-beta.3

8 months ago

0.50.0-beta.2

8 months ago

1.0.0-rc.0

9 months ago

0.50.0-beta.1

9 months ago

0.49.0-beta.2

9 months ago

0.50.0-beta.0

9 months ago

0.49.0

9 months ago

0.49.0-beta.1

9 months ago

0.48.0-beta.0

9 months ago

0.48.0-beta.1

9 months ago

0.48.0-beta.2

9 months ago

0.49.0-beta.0

9 months ago

0.48.1

9 months ago

0.43.0

1 year ago

0.44.0

12 months ago

0.45.0

11 months ago

0.42.5

1 year ago

0.48.0

10 months ago

0.46.0

11 months ago

0.47.1

10 months ago

0.47.2

10 months ago

0.47.0

11 months ago

0.42.4

1 year ago

0.42.3

1 year ago

0.42.2

1 year ago

0.42.1

1 year ago

0.42.0

1 year ago

0.41.2

1 year ago

0.41.1

1 year ago

0.41.0

1 year ago

0.40.5

1 year ago

0.40.4

1 year ago

0.40.3

1 year ago

0.40.2

2 years ago

0.40.1

2 years ago

0.36.0

2 years ago

0.40.0

2 years ago

0.35.1-rc.15

2 years ago

0.37.0

2 years ago

0.34.1-rc.0

2 years ago

0.35.1-rc.25

2 years ago

0.35.1-rc.26

2 years ago

0.35.1-rc.24

2 years ago

0.38.0

2 years ago

0.35.1-rc.34

2 years ago

0.34.0

2 years ago

0.35.1-rc.43

2 years ago

0.35.1-rc.41

2 years ago

0.39.1

2 years ago

0.39.0

2 years ago

0.35.0

2 years ago

0.39.4

2 years ago

0.39.3

2 years ago

0.39.2

2 years ago

0.31.1-react.21

2 years ago

0.32.0

2 years ago

0.31.1-react.3

2 years ago

0.31.1-react.2

2 years ago

0.33.2

2 years ago

0.33.0

2 years ago

0.30.0

2 years ago

0.31.0

2 years ago

0.7.2

2 years ago

0.7.1

2 years ago

0.7.0

2 years ago

0.7.1-overlay.8

2 years ago

0.7.1-overlay.9

2 years ago

0.6.13

2 years ago

0.7.1-overlay.22

2 years ago

0.7.3-overlay.18

2 years ago

0.7.3-overlay.17

2 years ago

0.7.3-overlay.14

2 years ago

0.7.3-overlay.15

2 years ago

0.7.3-overlay.12

2 years ago

0.7.3-overlay.13

2 years ago

0.7.3-overlay.10

2 years ago

0.7.3-overlay.11

2 years ago

0.6.13-overlay.8

2 years ago

0.6.11-react.75

2 years ago

0.6.12

2 years ago

0.6.11-react.48

2 years ago

0.6.11-react.49

2 years ago

0.6.11

2 years ago

0.6.11-react.50

2 years ago

0.6.11-react.32

2 years ago

0.6.9

2 years ago

0.6.8

3 years ago

0.6.10

2 years ago

0.6.8-react.54

3 years ago

0.6.7

3 years ago

0.6.6

3 years ago

0.6.3

3 years ago

0.6.5

3 years ago

0.6.4

3 years ago

0.6.2

3 years ago

0.6.1

3 years ago

0.6.0-devmode.0

3 years ago

0.5.14

3 years ago

0.5.15

3 years ago

0.5.13

3 years ago

0.5.16-devmode.0

3 years ago

0.5.15-devmode.7

3 years ago

0.5.15-devmode.0

3 years ago

0.6.0

3 years ago

0.5.10

3 years ago

0.5.11

3 years ago

0.5.12

3 years ago

0.5.9

3 years ago

0.5.8

3 years ago

0.5.6

3 years ago

0.5.7

3 years ago

0.5.4

3 years ago

0.5.3

3 years ago

0.5.5

3 years ago

0.5.2

3 years ago

0.5.3-express.0

3 years ago

0.5.4-express.12

3 years ago

0.5.6-express.9

3 years ago

0.5.0

4 years ago

0.5.1

4 years ago

0.4.1

4 years ago

0.4.1-lit-next.0

4 years ago

0.4.0

4 years ago

0.3.10

4 years ago

0.3.9

4 years ago

0.3.8

4 years ago

0.3.9-lit-next.0

4 years ago

0.3.8-lit-next.0

4 years ago

0.3.7

4 years ago

0.3.7-beta.32

4 years ago

0.3.7-alpha.30

4 years ago

0.3.6

4 years ago

0.3.7-alpha.1

4 years ago

0.3.6-alpha.1

4 years ago

0.3.5

4 years ago

0.3.4

4 years ago

0.3.5-alpha.1

4 years ago

0.3.4-alpha.1

4 years ago

0.3.3

4 years ago

0.3.3-alpha.14

4 years ago

0.3.3-alpha.13

4 years ago

0.3.3-alpha.12

4 years ago

0.3.3-alpha.1

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.3.1-alpha.0

4 years ago

0.3.0

4 years ago

0.2.7-alpha.0

4 years ago

0.2.6

4 years ago

0.2.5-alpha.26

4 years ago

0.2.5

4 years ago

0.2.5-alpha.23

4 years ago

0.2.5-alpha.21

4 years ago

0.2.5-beta.17

4 years ago

0.2.5-beta.15

4 years ago

0.2.5-beta.16

4 years ago

0.2.5-beta.10

4 years ago

0.2.5-beta.13

4 years ago

0.2.5-beta.14

4 years ago

0.2.5-beta.11

4 years ago

0.2.5-beta.12

4 years ago

0.2.5-alpha.10

4 years ago

0.2.5-alpha.11

4 years ago

0.2.5-alpha.12

4 years ago

0.2.5-alpha.17

4 years ago

0.2.5-alpha.9

4 years ago

0.2.4

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.4-alpha.33

4 years ago

0.1.4

4 years ago

0.1.3

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.0-alpha.40

4 years ago

0.1.0

4 years ago

0.0.6-alpha.178

4 years ago

0.0.6-alpha.169

4 years ago

0.0.6-alpha.84

5 years ago

0.0.6-alpha.85

5 years ago

0.0.6-alpha.60

5 years ago

0.0.5

5 years ago

0.0.5-alpha.0

5 years ago

0.0.4

5 years ago

0.0.4-beta.17

5 years ago

0.0.4-alpha.17

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago