@spectrum-web-components/status-light NPM | npm.io

0.42.2 • Published 27 days ago

Install

Weekly downloads

79

License

Apache-2.0

Repository

Last release

27 days ago

Description

An <sp-status-light> is a great way to convey semantic meaning, such as statuses and categories.

Usage

yarn add @spectrum-web-components/status-light

Import the side effectful registration of <sp-status-light> via:

import '@spectrum-web-components/status-light/sp-status-light.js';

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

import { StatusLight } from '@spectrum-web-components/status-light';

Sizes

<sp-status-light size="s" variant="positive">approved</sp-status-light>

<sp-status-light size="m" variant="positive">approved</sp-status-light>

<sp-status-light size="l" variant="positive">approved</sp-status-light>

<sp-status-light size="xl" variant="positive">approved</sp-status-light>

Variants

There are many variants to choose from in Spectrum. The variant attribute controls the main variant of the status light, and neutral being the default. Following are the supported variants:

positive
negative
notice
info
neutral
yellow
fuchsia
indigo
seafoam
chartreuse
magenta
celery
purple

Disabled

<sp-status-light variant="positive" disabled>disabled</sp-status-light>

spectrum css web components lit-element lit-html

@spectrum-web-components/base

@infinitebrahmanuniverse/nolb-_spe @everything-registry/sub-chunk-857 @spectrum-web-components/bundle @swc-react/status-light

27 days ago

28 days ago

1 month ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

5 months ago

9 months ago

6 months ago

9 months ago

9 months ago

10 months ago

9 months ago

9 months ago

9 months ago

8 months ago

9 months ago

10 months ago

9 months ago

9 months ago

7 months ago

7 months ago

9 months ago

6 months ago

7 months ago

7 months ago

0.33.3-overlay.66

10 months ago

0.33.3-overlay.65

10 months ago

0.33.3-overlay.61

10 months ago

0.31.1-react.21

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

0.30.1-overlay.30

12 months ago

0.33.1-overlay.39

11 months ago

0.30.1-overlay.31

12 months ago

11 months ago

11 months ago

0.30.1-overlay.38

12 months ago

0.30.1-overlay.37

12 months ago

0.30.1-overlay.41

12 months ago

0.30.1-overlay.42

12 months ago

0.30.1-overlay.40

12 months ago

12 months ago

0.33.1-overlay.41

11 months ago

0.32.1-overlay.33

11 months ago

0.32.1-overlay.41

11 months ago

12 months ago

0.31.1-overlay.29

12 months ago

0.11.10-overlay.8

1 year ago

0.11.10-overlay.9

1 year ago

1 year ago

0.11.10-overlay.22

1 year ago

0.11.12-overlay.15

1 year ago

0.11.12-overlay.13

1 year ago

0.11.12-overlay.14

1 year ago

0.11.12-overlay.11

1 year ago

0.11.12-overlay.12

1 year ago

0.11.12-overlay.10

1 year ago

0.11.12-overlay.17

1 year ago

0.11.12-overlay.18

1 year ago

1 year ago

1 year ago

0.11.7-react.75

1 year ago

1 year ago

0.11.7-react.50

1 year ago

1 year ago

0.11.7-react.48

1 year ago

0.11.7-react.49

1 year ago

1 year ago

1 year ago

1 year ago

0.11.4-react.54

1 year ago

0.11.6-overlay-warning.19

1 year ago

0.11.7-react.32

1 year ago

2 years ago

1 year ago

1 year ago

0.10.12-devmode.7

2 years ago

2 years ago

0.10.13-devmode.0

2 years ago

2 years ago

2 years ago

2 years ago

0.11.0-devmode.0

2 years ago

0.10.12-devmode.0

2 years ago

0.10.13-devmode2.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.10.2-express.41

2 years ago

0.10.4-express.9

2 years ago

0.10.3-express.12

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.9.1-lit-next.0

2 years ago

2 years ago

0.8.4-lit-next.47

3 years ago

0.8.4-lit-next.24

3 years ago

0.8.4-lit-next.0

3 years ago

3 years ago

0.8.3-lit-next.42

3 years ago

0.8.3-lit-next.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.4.4-alpha.178

3 years ago

3 years ago

0.4.4-alpha.169

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago