@spectrum-web-components/iconset NPM | npm.io

1.0.0 • Published 3 months ago

Install

Weekly downloads

778

License

Apache-2.0

Repository

Last release

3 months ago

Description

Extend either the Iconset or IconsetSVG exports of this package to supply your application with a custom icon set to power the use of <sp-icon> elements throughout. Give your new icon set a custom name, and you'll be ready to supply them as <sp-icon name="custom-icons:icon"> across your application.

Usage

yarn add @spectrum-web-components/iconset

import { TemplateResult } from 'lit-element';
import { IconsetSVG } from '@spectrum-web-components/iconset/src/iconset-svg.js';

import { CustomIconSet } from 'your-icon-set.js';

export class IconsLarge extends IconsetSVG {
    public constructor() {
        super();
        this.name = 'custom-icons'; // default iconset name for these icons
    }

    protected renderDefaultContent(): TemplateResult {
        return CustomIconSet;
    }
}

Deprecated

Iconsets have been deprecated and will be removed from the project in an upcoming version. Using a technique that ensures only the icons actually leveraged in your application are present in your build, like UI Icons (../icons-ui/) or Workflow Icons (../icons-workflow/), will ensure smaller bundles and higher performance for you visitor. For non-Spectrum icons, you can still slot SVG and image content into an sp-icon element or sanitize the SVG to a template literal so that it can be returned from the render() method in an extension of IconBase to create your own named icon element.

spectrum css web components lit-element lit-html

@spectrum-web-components/base

@infinitebrahmanuniverse/nolb-_spe @everything-registry/sub-chunk-857 @spectrum-web-components/icon @spectrum-web-components/icons @spectrum-web-components/icons-ui @spectrum-web-components/bundle @uxds-web-components/icon @uxds-web-components/icons @uxds-web-components/icons-ui

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

8 months ago

5 months ago

7 months ago

6 months ago

6 months ago

9 months ago

5 months ago

5 months ago

6 months ago

9 months ago

9 months ago

10 months ago

10 months ago

11 months ago

11 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

0.33.3-overlay.66

2 years ago

0.33.3-overlay.65

2 years ago

0.33.3-overlay.61

2 years ago

0.31.1-react.21

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.30.1-overlay.30

2 years ago

0.33.1-overlay.39

2 years ago

0.30.1-overlay.31

2 years ago

2 years ago

2 years ago

0.30.1-overlay.38

2 years ago

0.30.1-overlay.37

2 years ago

0.30.1-overlay.41

2 years ago

0.30.1-overlay.42

2 years ago

0.30.1-overlay.40

2 years ago

2 years ago

0.33.1-overlay.41

2 years ago

0.32.1-overlay.33

2 years ago

0.32.1-overlay.41

2 years ago

2 years ago

0.31.1-overlay.29

2 years ago

0.7.7-overlay.250

2 years ago

0.7.7-overlay.236

2 years ago

0.7.7-overlay.237

2 years ago

2 years ago

0.7.8-overlay.59

2 years ago

0.7.8-overlay.56

2 years ago

0.7.8-overlay.55

2 years ago

0.7.8-overlay.58

2 years ago

0.7.8-overlay.57

2 years ago

0.7.8-overlay.54

2 years ago

0.7.8-overlay.62

2 years ago

0.7.8-overlay.61

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.7.6-overlay-warning.19

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.7.0-devmode.0

3 years ago

0.6.10-devmode.0

2 years ago

2 years ago

3 years ago

3 years ago

0.6.9-devmode.24

3 years ago

0.6.9-devmode.31

3 years ago

0.6.10-devmode2.0

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.6.2-express.41

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.5.8-lit-next.222

3 years ago

0.5.8-lit-next.184

3 years ago

0.5.8-lit-next.161

3 years ago

0.5.8-lit-next.137

3 years ago

0.5.8-lit-next.124

3 years ago

0.5.8-lit-next.82

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.5.6-alpha.148

4 years ago

0.5.6-alpha.147

4 years ago

0.5.6-alpha.146

4 years ago

0.5.6-alpha.135

4 years ago

0.5.6-alpha.101

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

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

0.2.6-alpha.178

4 years ago

0.2.6-alpha.169

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

0.1.12-alpha.38

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago