Skip to content

feat (component): implement Checkbox component with styled elements and SVG icon#38

Merged
kohrachel merged 4 commits intomainfrom
feat/checkbox
Dec 1, 2025
Merged

feat (component): implement Checkbox component with styled elements and SVG icon#38
kohrachel merged 4 commits intomainfrom
feat/checkbox

Conversation

@KesneyFerro
Copy link
Collaborator

Current Limitations

As of now, the codebase lacks typography implementation. Therefore, I tried to replicate it as closely as possible, but the correct typography tags still need to be added in the future.

Visual Overview

Screen.Recording.2025-11-02.140057.mp4

Closes: #22

@KesneyFerro KesneyFerro requested a review from kohrachel November 2, 2025 21:30
@KesneyFerro KesneyFerro self-assigned this Nov 2, 2025
Copy link
Contributor

@kohrachel kohrachel left a comment

Choose a reason for hiding this comment

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

Great work!! I love the styles :)

Nit: In some cases, checking and unchecking results vertically shifts other elements on the screen (possibly due to adding and removing the <span> element in the DOM tree?) Fixed this by always displaying the icon <span>, then using opacity: checked ? 1 : 0

This is what I mean:

Image

@kohrachel kohrachel merged commit 572127e into main Dec 1, 2025
2 checks passed
@kohrachel kohrachel deleted the feat/checkbox branch December 1, 2025 16:44
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.

New Component: Checkbox (styled input)

2 participants

Comments