@washingtonpost/wpds-icon NPM | npm.io

1.24.0 • Published 1 month ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 month ago

Icon

import { Icon } from "@washingtonpost/wpds-ui-kit";
import { Garlic } from "@washingtonpost/wpds-assets";

function Component() {
  return (
    <Icon size="$100" label="garlic">
      <Garlic />
    </Icon>
  );
}

Component API

size ("16", "24", "32"), width and height of our icons from the system
label, The accessibility label for the icon. This label will be visually hidden but read aloud by VoiceOver and other screenreaders to describe the icon.

Do's and Don'ts

fill color will be set on the SVG icon component. not this component
the svg icon component will be hidden from the a11y tree. it's presentational. The SVG's title node should be removed as well.

@washingtonpost/wpds-theme @washingtonpost/wpds-visually-hidden react

@infinitebrahmanuniverse/nolb-_was @everything-registry/sub-chunk-1000 @washingtonpost/wpds-tabs @washingtonpost/wpds-carousel @washingtonpost/wpds-checkbox @washingtonpost/wpds-dialog @washingtonpost/wpds-drawer @washingtonpost/wpds-input-password @washingtonpost/wpds-input-search @washingtonpost/wpds-input-text @washingtonpost/wpds-popover @washingtonpost/wpds-select @washingtonpost/wpds-accordion @washingtonpost/wpds-action-menu @washingtonpost/wpds-alert-banner

1 month ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

4 months ago

4 months ago

5 months ago

8 months ago

7 months ago

9 months ago

10 months ago

10 months ago

10 months ago

8 months ago

7 months ago

7 months ago

7 months ago

9 months ago

8 months ago

6 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

11 months ago

12 months ago

1.6.2-experimental.0

12 months ago

1.6.0-experimental.1

1 year ago

1 year ago

1 year ago

1.6.0-experimental.0

1 year ago

1 year 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

2 years ago

0.19.1-experimental.0

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.9.0-experimental.3

2 years ago

2 years ago

2 years ago

0.10.0-experimental.0

2 years ago

2 years ago

2 years ago

2 years ago

0.9.0-experimental.2

2 years ago

0.9.0-experimental.0

2 years ago

0.9.0-experimental.1

2 years ago

0.8.0-experimental.0

2 years ago

0.8.0-experimental.1

2 years ago

0.8.0-experimental.2

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.3.0-experimental.10

2 years ago

0.3.0-experimental.9

2 years ago

0.3.0-experimental.1

2 years ago

0.3.0-experimental.3

2 years ago

0.3.0-experimental.2

2 years ago

0.3.0-experimental.4

2 years ago

0.3.0-experimental.7

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.3.0-experimental.0

2 years ago

2 years ago

2 years ago

2 years ago

0.1.0-experimental.21

2 years ago

0.1.0-experimental.20

2 years ago

0.1.0-experimental.18

2 years ago

0.1.0-experimental.17

2 years ago