Skip to content

Add better styling to table item actions dropdown #119

@Frewacom

Description

@Frewacom

The current styling looks like this:

image

I think it would be nice to give the delete option a bit more styling, for example to make it red. Github has something similiar:

image

Solution

  • Add a new prop to the MenuItem component that allows you to select a pre-defined style (check the Button ciomponent for examples on this)
  • Styles can be one of the following (for example): default, error, success
  • Usage would be something like this:
     <MenuItem style="error" {..} >
         
     // No style provided, so we simply use the `default` styling
     <MenuItem {..} >

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions