Feat : Create checkbox component

[kanta1207]

Overview

Create Checkbox component based on shadcn Checkbox

Changes

• Added Checkbox.tsx to src/components/ui directory.
• Added CheckboxUsageExample.tsx
• Added export of Checkbox in src/components/ui/index.ts
• Added icon_check.svg to assets/images/icons
• Added color white to Icon component variant

Review points

• Since there weren't any size variation, I didn't add variants for checkbox, so checkbox rectangle is fixed to be 24px square, and check icon is fixed to be 14px. We can override it any time with className tho. Should I make size variant already, considering the desktop design?

Screen Captures

https://github.com/genesis-tech-tribe/nishiki-frontend/assets/99339182/31220b71-7c09-4270-8b37-13f8834e5fdb

References

• shadcn Checkbox component

Assignee Checklist:

• [ ] The naming convention of the PR title is correct (See the comment at the top of this template)
• [ ] The base branch is correct (See: Types of Branches)
• [ ] The branch name follows the Branch Naming Conventions
• [ ] The correct assignees and reviewers have been designated for this PR
• [ ] The coding style follows the Coding Style Guide
• [ ] All the related issues are associated with this PR
• [ ] All criteria in the associated issues are met (please tick the checkboxes)
• [ ] My changes do not generate new warnings or errors (especially in the console)

Reviewer Checklist:

• [ ] Double-check the "Assignee Checklist"
• [ ] The code follows the generic best practices and our Coding Style Guide
• [ ] The code is well-commented and easy to understand
• [ ] The UI changes accurately reflect the provided design

[kanta1207]

@kotaaaa Thank you for the quick review!!

@uskayyyyy Thank you for the good call outs! I modified all of them, since I mostly agreed with all of the points you mentioned! Please take a relook at my code and comment on your convenience! Thx 🙌

[nick-y-ito]

@kanta1207

Could you check my replies, please? You missed them and merged 😂