Skip to content

feat(#2129): add none or many checkbox example#359

Merged
bdfranck merged 1 commit into
alphafrom
benjifranck/feat-2129
May 6, 2025
Merged

feat(#2129): add none or many checkbox example#359
bdfranck merged 1 commit into
alphafrom
benjifranck/feat-2129

Conversation

@bdfranck
Copy link
Copy Markdown
Collaborator

@bdfranck bdfranck commented May 5, 2025

This PR adds a checkbox example for selecting one, any or all items.

image

@netlify
Copy link
Copy Markdown

netlify Bot commented May 5, 2025

Deploy Preview for abgov-ui-component-docs ready!

Name Link
🔨 Latest commit 587b5e3
🔍 Latest deploy log https://app.netlify.com/sites/abgov-ui-component-docs/deploys/681a2664cae1930008c31cd3
😎 Deploy Preview https://deploy-preview-359--abgov-ui-component-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 39
Accessibility: 92
Best Practices: 100
SEO: 83
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

@bdfranck
Copy link
Copy Markdown
Collaborator Author

bdfranck commented May 5, 2025

To do:

  • Create a Figma example
  • Add a link to the Figma example
  • Test code in Angular & React, old & new

@bdfranck bdfranck force-pushed the benjifranck/feat-2129 branch from ed6e139 to 87fda8f Compare May 6, 2025 15:04
@bdfranck bdfranck requested review from Copilot and twjeffery May 6, 2025 15:05
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR introduces a new checkbox example that demonstrates how to select none, one, or many options, updating both the examples and their integration in the main Checkbox page.

  • Updated the import for CheckboxExamples to a named export in the Checkbox page.
  • Added two new example components: one for a description-based checkbox and one for a none-or-many option scenario.

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File Description
src/routes/components/Checkbox.tsx Adjusted the import for CheckboxExamples and updated the GoabBadge content.
src/examples/checkbox/CheckboxNoneOrManyExample.tsx Added a new example component for none-or-many checkbox selections (naming inconsistency detected).
src/examples/checkbox/CheckboxExamples.tsx Rearranged and integrated the new checkbox examples.
src/examples/checkbox/CheckboxDescriptionExample.tsx Introduced a component demonstrating checkboxes with descriptive help text.
Comments suppressed due to low confidence (1)

src/examples/checkbox/CheckboxNoneOrManyExample.tsx:7

  • The function name 'CheckboxDescriptionExample' does not match the file name 'CheckboxNoneOrManyExample.tsx'. Consider renaming the function to 'CheckboxNoneOrManyExample' for consistency.
export default function CheckboxDescriptionExample () {

Comment thread src/routes/components/Checkbox.tsx
@bdfranck bdfranck marked this pull request as ready for review May 6, 2025 15:08
@bdfranck bdfranck force-pushed the benjifranck/feat-2129 branch from 87fda8f to 587b5e3 Compare May 6, 2025 15:10
Copy link
Copy Markdown
Collaborator

@twjeffery twjeffery left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On the website this example looks great, works as expected.

image

Link to Figma works, and example matches what's in code.

image

Files for examples are separated to be able to referenced individually in the future on other parts of the website ✅

@bdfranck bdfranck merged commit d39c6d6 into alpha May 6, 2025
7 checks passed
@bdfranck bdfranck deleted the benjifranck/feat-2129 branch May 6, 2025 17:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Checkbox: Design system website contextual example

3 participants