Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Ghost button] Add support for the selected state (pushed)

See original GitHub issue

Use this template if you want to request a new feature, or a change to an existing feature.

If you are reporting a bug or problem, please use the bug template instead.

Summary

Please describe your request in one or two sentences.

Currently, the button does not support a selected state, it has style for active and focus state. The enhancement/ask is to support selected state. eg. when the button is selected, even we move the focus away from the button, the background colour is xx color.

Clarify if you are asking for design, development, or both design and development.

It depends. If the selected state has a unified UX design, we need both design and development. If carbon can provide a css class name for the selected state or callback so consumers can style it, only development is needed.

Justification

Provide the business reasons for this request.

Support for IBM Cognos analysis UX requirement

Desired UX and success metrics

Describe the full user experience for this feature. Also define the metrics by which we can measure success/failure for the user.

“Must have” functionality

Highlight any “must have” needs and functionality for the request.

This should not be a full list of functionality; the Carbon team will work with you to define functionality based on the desired UX.

Specific timeline issues / requests

Do you want this work within a specific time period? Is it related to an upcoming release?

NB: The Carbon team will try to work with your timeline, but it’s not guaranteed. The earlier you make a request in advance of a desired delivery date, the better!

Available extra resources

What resources do you have to assist this effort?

Carbon is a collaborative system. We encourage teams to build components and submit them for integration as either add-ons or core components.

Issue Analytics

State:
Created 3 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

2reactions

tw15egancommented, Apr 23, 2021

@jnm2377 I believe it’s pretty strict in regards to which variants it can be used for, it looks like it’s only allowed on icon-only ghost buttons

@carbon-design-system/design is this something we would want to extend to other variants?

0reactions

vpiconecommented, Jun 21, 2021

Going to close this one out, let us know if something changes. Also recommend checking out the Toggle component.

Top Results From Across the Web

Toggle buttons (active/pressed state) #7757 - GitHub

Buttons should allow for an active/pressed state to indicate a feature/function/option is turned on or off, effectively working as a toggle.

Ghost Button Design: Is This Really Still A Thing (And Why)?

When a page or tab is not currently open, the ghost button indicates its inactive state. Ghost Button Tests: What The Research Says...

A Better Ghost Button Hover Effect - Always Twisted

This makes the button appear to be 2px wider and 2px taller on hover and means that it 'moves' on the page when...

Buttons - Bootstrap

Use Bootstrap's custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Button - Ant Design

Button. ghost property will make button's background transparent, it is commonly used in colored background. danger is a property of button after antd...