Carbon: Contribution: NPS

Created on 3 Sep 2019  路  12Comments  路  Source: carbon-design-system/carbon

Summary

We needed a new component to create those circular elements we use in our feedback form. We call them "Digit Bubbles":
digit bubble

Explain the rationale

Since we built this as a React component we'd be more than happy to contribute these back to Carbon as we couldn't find anything similar.

Detail the intended behavior

The component itself displays a number in the middle of a circle. When clicked, it becomes blue. When clicked again, it gets deselected.

Clarify whether it鈥檚 a variation of an existing component, or a new asset

It's a new asset

Mockups

This is how they look like embedded into a feedback form example
feedback form

Justification

It's useful for teams which need a component like this, so they save time and won't have to build it on their own..

Question

Would this be interesting for the Carbon team? If so, what are the steps required to contribute?

open contribution 馃巵

All 12 comments

CC @carbon-design-system/design to see if the team has an interested in this as a core component, or as a community-level component, or something else (e.g. BU-level).

@asudoh That link gives me a 404

I don't really see just the bubbles being added as a component, but I could see the whole pattern being contributed for a NPS type of component.

Think it would be no problem to contribute that as a component. What would be the steps to get this started in case you're interested?

Check out our contribution guidelines, but the next step would be flesh out the designs. Show and spec all the states of the component.
https://www.carbondesignsystem.com/contributions/component/

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

not stale

Specs attached
Feedback.form.-.specs.pdf

@aagonzales What are your thoughts on the specs?
See https://github.com/carbon-design-system/carbon/issues/3895#issuecomment-542160189

The only thing the spec is missing is specs around padding/spacing of the objects.

69358146-49b17280-0c7e-11ea-9b9f-5a3061f8a000

@aagonzales Is the updated spec sufficient now?

Was this page helpful?
0 / 5 - 0 ratings