carbon-design-system/carbon

[Checkbox]: Nested implementation

オープン

#12,434 opened on 2022/10/31

 (8 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (1,733 件のフォーク)batch import
afrohackscomponent: checkboxhacktoberfestneeds: community contributionpackage: @carbon/reactproposal: acceptedtype: enhancement 💡

Repository metrics

Stars
 (7,442 個のスター)
PR merge metrics
 (PR metrics pending)

説明

Discussed in https://github.com/carbon-design-system/carbon/discussions/11916

Originally posted by urbanisierung August 5, 2022 Carbon Docs describe nested checkboxes with parent and child elements:

image

I couldn't find any code docs about that. Is there a ready to use component available? Do you have an example for that?

Thanks!

Acceptance Criteria

  • Coded component in /packages/react for parent checkboxes to support select all/none and show indeterminate state when appropriate
  • Update styling in @carbon/styles to add the extra padding to nested checkboxes to match the design spec
  • Add a new example story to storybook
  • Add the story to be covered by AVT and VRT tests in ./e2e

コントリビューターガイド