feat(components): checkbox #5829
Conversation
|
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the ✨ Finishing touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
fix(component): support compound pattern in server component
…s and explicit ref declarations from all components
refactor: migrate to React 19 ref pattern & Context
…ts but adjusting the main compound component
feat: made the migration smoother by still supporting the "dot" expor…
…nts following radio/radio-group pattern
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
| <CheckboxContext value={{slots, state: values}}> | ||
| {typeof children === "function" ? children(values) : children} | ||
| </CheckboxContext> | ||
| )} |
There was a problem hiding this comment.
Bug: Context Component Misuse Causes Runtime Error
The CheckboxContext is used directly as a JSX component instead of CheckboxContext.Provider. This causes a runtime error and prevents context values like slots and state from being passed down to child components.
Closes #
📝 Description
⛳️ Current behavior (updates)
🚀 New behavior
💣 Is this a breaking change (Yes/No):
📝 Additional Information
Note
Introduce Checkbox and CheckboxGroup components with Tailwind-based styles, Storybook stories, and comprehensive docs/demos; export them from the React package.
packages/react/src/components/checkbox: New compoundCheckbox(Root,Control,Indicator,Content) with slot-based styling and default indicator; includes variants and stories.packages/react/src/components/checkbox-group: NewCheckboxGroupwith variants and stories (default, custom indicator, indeterminate, validation, controlled, disabled).checkboxandcheckbox-grouptocomponents/index.ts.packages/styles/components/checkbox.cssandcheckbox-group.css: New BEM-style classes and states; imported incomponents/index.css.apps/docs/content/docs/components/checkbox.mdx: New Checkbox documentation with usage, anatomy, styling, states, and API.apps/docs/src/demos/checkbox/*(basic, disabled, default-selected, controlled, indeterminate, with-label/description, render-props, form, custom-styles) and registered inapps/docs/src/demos/index.ts.}Written by Cursor Bugbot for commit b694ea5. This will update automatically on new commits. Configure here.