Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ui v2: checkbox #686

Merged
merged 4 commits into from
Dec 7, 2020
Merged

ui v2: checkbox #686

merged 4 commits into from
Dec 7, 2020

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 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.

2 participants