Skip to content
This repository was archived by the owner on Feb 13, 2026. It is now read-only.

ui v2: checkbox#686

Merged
scarlettperry merged 4 commits intoUIV2from
sperry-checkbox-v2
Dec 7, 2020
Merged

ui v2: checkbox#686
scarlettperry merged 4 commits intoUIV2from
sperry-checkbox-v2

Conversation

@scarlettperry
Copy link
Contributor

@scarlettperry scarlettperry commented Nov 18, 2020

Description

PR

  • adds new designs for the checkbox component
  • adds checkbox story

design is restyling the checkbox, so for now, added the design for what's highlighted in the dotted border.

Testing Performed

storybook

checbox

@scarlettperry scarlettperry marked this pull request as ready for review December 5, 2020 06:13
@scarlettperry scarlettperry requested a review from a team as a code owner December 5, 2020 06:13
Copy link
Collaborator

@danielhochman danielhochman left a comment

Choose a reason for hiding this comment

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

lgtm

@@ -1,4 +1,6 @@
import React from "react";
Copy link
Collaborator

Choose a reason for hiding this comment

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

notice the name prop doesn't appear in storybook unless the import is like this

Suggested change
import React from "react";
import * as React from "react";

Comment on lines +53 to +55
props => ({
border: props["data-disabled"] ? "1px solid #e7e7ea" : "1px solid #6e7083",
})
Copy link
Collaborator

Choose a reason for hiding this comment

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

this could be styled from the parent without having to plumb props. IMO it's cleaner but we haven't written a style guide or made firm decisions here so it can be left as-is.

@danielhochman
Copy link
Collaborator

how will we render the 16px variant?

@scarlettperry
Copy link
Contributor Author

scarlettperry commented Dec 7, 2020

how will we render the 16px variant?

was thinking we could pass a size prop to the checkbox and toggle the width/height? would also have to make sure the icon adjusts accordingly. will add a to-do and follow up on that

@scarlettperry scarlettperry merged commit 68dc005 into UIV2 Dec 7, 2020
@scarlettperry scarlettperry deleted the sperry-checkbox-v2 branch December 7, 2020 20:10
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants