-
Notifications
You must be signed in to change notification settings - Fork 14
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
[DxcDropdown] new props "disabled" & "mode" for the options #1747
Comments
This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed. |
Hey, guys! Could you please share any updates on this issue? The GitHub bot would close the issue if there are not any updates on it. Thank you all in advance! 🥰 |
Both this issue and #1746 are pending to be reviewed by the design team. For now, I am removing the Sorry for the inconvenience. |
This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed. |
Hello again @AlanPadi95! I'm going to answer both requests:
|
Is your feature request related to a problem? Please describe.
First, we need a way to disable an option without disabling the entire dropdown. Some of the options in the dropdown could be disabled because a user does not have permission to click on them.
Also, we need to show priorities between the different options. In most of our cases, some options are more relevant than others and we need a way to show this importance in an understandable way for the users.
Describe the solution you'd like
The solution to disable options is to add a prop
disabled
and make them unable to interact.To implement different priorities for each option in the dropdown, we can use the current implementation of the
mode
prop that we have in the DxcButton, including the new one suggested on [DxcButton] "danger" mode.By default, this mode should be "text" to not change the current approach.
The
danger
mode should show the action on a red background such as in the DxcButton.Describe alternatives you've considered
N/A
Additional context
An example use case:
The first option should have
primary
as the value of the mode prop and the last option should havedanger
as the value of that prop.The options in the image could be disabled if, for example, a user has permission to edit the resource but not to delete it.
Add Labels
SaaSOps Automation, CSAM Applications, DxcDropdown.
The text was updated successfully, but these errors were encountered: