1.24.0 • Published 1 year ago

@washingtonpost/wpds-checkbox v1.24.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Checkbox

import { Checkbox } from "@washingtonpost/wpds-ui-kit";

function Component() {
  return <Checkbox variant="primary">Checkbox label</Checkbox>;
}

Checkbox Label

There are two ways you can pass in a label to the checkbox component:

  • The label prop. This option only takes in a string.
  • As a child. This allows you to style your label to your preference. You can include links, custom stylings, etc.
import { Checkbox } from "@washingtonpost/wpds-ui-kit";

function Component() {
  const StyledLabel = styled("div", {
    textDecoration: "line-through",
  });

  return (
    <Checkbox variant="primary" id="checkbox1">
      <StyledLabel>This is the label</StyledLabel>
    </Checkbox>
  );
}
import { Checkbox } from "@washingtonpost/wpds-ui-kit";

function Component() {
  return (
    <Checkbox variant="primary" id="checkbox2">
      You can pass in links.{" "}
      <a href="build.washingtonpost.com">Like this link to our docs site</a>
    </Checkbox>
  );
}
react@radix-ui/react-checkbox@washingtonpost/wpds-icon@washingtonpost/wpds-theme@washingtonpost/wpds-assets@washingtonpost/wpds-input-label@washingtonpost/wpds-input-shared@washingtonpost/wpds-visually-hidden
@infinitebrahmanuniverse/nolb-_was@everything-registry/sub-chunk-1000
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

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

1.2.1

2 years ago

0.25.1

2 years ago

0.25.0

2 years ago

1.1.0

2 years ago

1.3.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

2 years ago

0.21.0

3 years ago

0.22.0

2 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

3 years ago

0.10.0-experimental.0

3 years ago

0.9.0

3 years ago

0.9.1

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.4.4

3 years ago

0.4.3

3 years ago

0.4.1

3 years ago

0.4.0

3 years ago

0.3.7

3 years ago

0.3.3

3 years ago

0.3.2

3 years ago

0.3.1

3 years ago

0.3.0

3 years ago

0.3.0-experimental.10

3 years ago

0.3.0-experimental.9

3 years ago

0.3.0-experimental.8

3 years ago

0.3.0-experimental.7

3 years ago

0.3.0-experimental.6

3 years ago

0.3.0-experimental.5

3 years ago

0.3.0-experimental.4

3 years ago

0.3.0-experimental.3

3 years ago

0.3.0-experimental.2

3 years ago