1.24.0 • Published 1 month ago

@washingtonpost/wpds-checkbox v1.24.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 month 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>
  );
}
@radix-ui/react-checkbox@washingtonpost/wpds-assets@washingtonpost/wpds-icon@washingtonpost/wpds-input-label@washingtonpost/wpds-input-shared@washingtonpost/wpds-theme@washingtonpost/wpds-visually-hiddenreact
@infinitebrahmanuniverse/nolb-_was@everything-registry/sub-chunk-1000
1.24.0

1 month ago

1.23.1

2 months ago

1.23.0

2 months ago

1.22.6

2 months ago

1.22.0

3 months ago

1.21.0

3 months ago

1.20.0

4 months ago

1.19.0

4 months ago

1.18.0

5 months ago

1.14.0

8 months ago

1.15.0

7 months ago

1.11.1

9 months ago

1.9.1

10 months ago

1.9.0

10 months ago

1.10.0

10 months ago

1.12.0

8 months ago

1.16.2

7 months ago

1.16.1

7 months ago

1.16.0

7 months ago

1.11.0

9 months ago

1.13.0

8 months ago

1.17.0

6 months ago

1.8.5

11 months ago

1.8.4

11 months ago

1.8.2

11 months ago

1.8.1

11 months ago

1.8.0

11 months ago

1.6.2

12 months ago

1.6.1

12 months ago

1.7.1

11 months ago

1.7.0

12 months ago

1.6.2-experimental.0

12 months ago

1.6.0-experimental.1

1 year ago

1.5.2

1 year ago

1.5.0

1 year ago

1.6.0-experimental.0

1 year ago

1.4.0

1 year ago

1.2.0

1 year ago

1.0.0

1 year ago

1.2.1

1 year ago

0.25.1

1 year ago

0.25.0

1 year ago

1.1.0

1 year ago

1.3.0

1 year ago

0.24.0

1 year ago

0.23.2

1 year ago

0.20.1

2 years ago

0.20.0

2 years ago

0.19.1-experimental.0

2 years ago

0.19.1

2 years ago

0.23.1

1 year ago

0.21.0

1 year ago

0.22.0

1 year ago

0.19.0

2 years ago

0.17.0

2 years ago

0.16.0

2 years ago

0.18.0

2 years ago

0.13.0

2 years ago

0.15.0

2 years ago

0.12.0

2 years ago

0.14.0

2 years ago

0.11.2

2 years ago

0.9.0-experimental.3

2 years ago

0.11.0

2 years ago

0.11.1

2 years ago

0.10.0

2 years ago

0.10.0-experimental.0

2 years ago

0.9.0

2 years ago

0.9.1

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

0.8.1

2 years ago

0.6.3

2 years ago

0.8.0

2 years ago

0.6.5

2 years ago

0.6.4

2 years ago

0.7.0

2 years ago

0.6.2

2 years ago

0.4.5

2 years ago

0.5.0

2 years ago

0.6.1

2 years ago

0.6.0

2 years ago

0.4.4

2 years ago

0.4.3

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.3.7

2 years ago

0.3.3

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.3.0

2 years ago

0.3.0-experimental.10

2 years ago

0.3.0-experimental.9

2 years ago

0.3.0-experimental.8

2 years ago

0.3.0-experimental.7

2 years ago

0.3.0-experimental.6

2 years ago

0.3.0-experimental.5

2 years ago

0.3.0-experimental.4

2 years ago

0.3.0-experimental.3

2 years ago

0.3.0-experimental.2

2 years ago