Skip to content

CDS-1665: Refresh checkbox component with 4px corner radius#499

Open
samcartersmith wants to merge 4 commits intocoinbase:masterfrom
samcartersmith:pr/477
Open

CDS-1665: Refresh checkbox component with 4px corner radius#499
samcartersmith wants to merge 4 commits intocoinbase:masterfrom
samcartersmith:pr/477

Conversation

@samcartersmith
Copy link
Contributor

@samcartersmith samcartersmith commented Mar 13, 2026

  • Set default borderRadius to 100 (4px) for Checkbox on web and mobile
  • Consumers can still override via borderRadius prop

Made-with: Cursor

What changed? Why?

Added 100 border radius to checkbox to more align with CDS styling and request from consumer.

Root cause (required for bugfixes)

UI changes

iOS Old iOS New
old screenshot new screenshot
Android Old Android New
old screenshot new screenshot
Web Old Web New
Screenshot 2026-03-13 at 9 21 05 AM Screenshot 2026-03-13 at 9 25 30 AM

Testing

How has it been tested?

  • Unit tests
  • Interaction tests
  • Pseudo State tests
  • Manual - Web
  • Manual - Android (Emulator / Device)
  • Manual - iOS (Emulator / Device)

Testing instructions

  1. Open CDS docs site or storybook
  2. Open Checkbox
  3. Observe visual change

Illustrations/Icons Checklist

Required if this PR changes files under packages/illustrations/** or packages/icons/**

  • verified visreg changes with Terran (include link to visreg run/approval)
  • all illustration/icons names have been reviewed by Dom and/or Terran

Change management

type=routine
risk=low
impact=sev5

automerge=false

- Set default borderRadius to 100 (4px) for Checkbox on web and mobile
- Consumers can still override via borderRadius prop

Made-with: Cursor
@cb-heimdall
Copy link
Collaborator

cb-heimdall commented Mar 13, 2026

✅ Heimdall Review Status

Requirement Status More Info
Reviews 1/1
Denominator calculation
Show calculation
1 if user is bot 0
1 if user is external 0
2 if repo is sensitive 0
From .codeflow.yml 1
Additional review requirements
Show calculation
Max 0
0
From CODEOWNERS 1
Global minimum 0
Max 1
1
1 if commit is unverified 0
Sum 1
CODEOWNERS ✅ See below

CODEOWNERS

Code Owner Status Calculation
ui-systems-eng-team 1/1
Denominator calculation
Additional CODEOWNERS Requirement
Show calculation
Sum 0
0
From CODEOWNERS 1
Sum 1


#### 🐞 Fixes

- Refresh Checkbox component with 4px corner radius. [[#477](https://github.com/coinbase/cds/pull/477)]
Copy link
Contributor

@hcopp hcopp Mar 16, 2026

Choose a reason for hiding this comment

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

@samcartersmith can you bump to 8.53? And then run yarn release to bump other versions.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yep!

Copy link
Contributor

@hcopp hcopp left a comment

Choose a reason for hiding this comment

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

Manually tested and it all looked as expected for me.

Mobile:

Web:

Image Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

3 participants