1.24.0 • Published 1 year ago

@washingtonpost/wpds-icon v1.24.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year 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.
react@washingtonpost/wpds-theme@washingtonpost/wpds-visually-hidden
@infinitebrahmanuniverse/nolb-_was@everything-registry/sub-chunk-1000@washingtonpost/wpds-accordion@washingtonpost/wpds-action-menu@washingtonpost/wpds-alert-banner@washingtonpost/wpds-carousel@washingtonpost/wpds-input-password@washingtonpost/wpds-input-search@washingtonpost/wpds-input-text@washingtonpost/wpds-popover@washingtonpost/wpds-tabs@washingtonpost/wpds-checkbox@washingtonpost/wpds-dialog@washingtonpost/wpds-drawer@washingtonpost/wpds-select
1.24.0

1 year ago

1.23.1

1 year ago

1.23.0

1 year ago

1.22.6

1 year ago

1.22.0

1 year ago

1.21.0

1 year ago

1.20.0

1 year ago

1.19.0

2 years ago

1.18.0

2 years ago

1.14.0

2 years ago

1.15.0

2 years ago

1.11.1

2 years ago

1.9.1

2 years ago

1.9.0

2 years ago

1.10.0

2 years ago

1.12.0

2 years ago

1.16.2

2 years ago

1.16.1

2 years ago

1.16.0

2 years ago

1.11.0

2 years ago

1.13.0

2 years ago

1.17.0

2 years ago

1.8.5

2 years ago

1.8.4

2 years ago

1.8.2

2 years ago

1.8.1

2 years ago

1.8.0

2 years ago

1.6.2

2 years ago

1.6.1

2 years ago

1.7.1

2 years ago

1.7.0

2 years ago

1.6.2-experimental.0

2 years ago

1.6.0-experimental.1

2 years ago

1.5.2

2 years ago

1.5.0

2 years ago

1.6.0-experimental.0

2 years ago

1.4.0

2 years ago

1.2.0

2 years ago

1.0.0

2 years ago

0.25.1

2 years ago

0.25.0

2 years ago

1.1.0

2 years ago

0.24.0

2 years ago

0.23.2

2 years ago

0.20.1

3 years ago

0.20.0

3 years ago

0.19.1-experimental.0

3 years ago

0.19.1

3 years ago

0.23.1

3 years ago

0.21.0

3 years ago

0.22.0

3 years ago

0.19.0

3 years ago

0.17.0

3 years ago

0.16.0

3 years ago

0.18.0

3 years ago

0.13.0

3 years ago

0.15.0

3 years ago

0.12.0

3 years ago

0.14.0

3 years ago

0.11.2

3 years ago

0.9.0-experimental.3

3 years ago

0.11.0

3 years ago

0.11.1

3 years ago

0.10.0-experimental.0

3 years ago

0.9.0

3 years ago

0.9.1

3 years ago

0.10.0

3 years ago

0.9.0-experimental.2

3 years ago

0.9.0-experimental.0

3 years ago

0.9.0-experimental.1

3 years ago

0.8.0-experimental.0

3 years ago

0.8.0-experimental.1

3 years ago

0.8.0-experimental.2

3 years ago

0.8.1

3 years ago

0.6.3

3 years ago

0.8.0

3 years ago

0.6.5

3 years ago

0.6.4

3 years ago

0.7.0

3 years ago

0.6.2

3 years ago

0.4.5

3 years ago

0.5.0

3 years ago

0.6.1

3 years ago

0.6.0

3 years ago

0.3.0-experimental.10

3 years ago

0.3.0-experimental.9

3 years ago

0.3.0-experimental.1

3 years ago

0.3.0-experimental.3

3 years ago

0.3.0-experimental.2

3 years ago

0.3.0-experimental.4

3 years ago

0.3.0-experimental.7

3 years ago

0.3.0

3 years ago

0.4.4

3 years ago

0.3.7

3 years ago

0.4.1

3 years ago

0.3.2

3 years ago

0.4.0

3 years ago

0.3.1

3 years ago

0.4.3

3 years ago

0.3.3

3 years ago

0.3.0-experimental.0

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago

0.1.0

3 years ago

0.1.0-experimental.21

3 years ago

0.1.0-experimental.20

4 years ago

0.1.0-experimental.18

4 years ago

0.1.0-experimental.17

4 years ago