Future Plans for the BUTTON Component?

Elements Feedback
1

I’m curious about the plans (if any) for enhancing the BUTTON component, as I have found several limitations and what appears to be a bug. See below.

The missing functionality I have found.

  1. Text justification
  2. Icons
  3. Ghost button support (you can achieve this currently, but you have to work at it)
  4. Hide the background color

There appears to be a bug when trying to set a CUSTOM width. Regardless of the value I enter, the button does not change width. Interestingly, it worked the first time I tried setting a custom width, but subsequent changes had no effect.

2

Hi Robin,

On the width issue I found that adding say 100px worked but just putting in 100 did not. Or 50px and such.

Hope that helps. with the width.

3

Yes, that is precisely what I was using XXpx, but that does not work for me.

4

We will need the devs to help with that one! :face_with_diagonal_mouth:

5

These will definitely be added in the future.

We have discussed this one internally, and initially have decided that the way to achieve a “ghost” (or outlined) button would be to use the background and border settings in combination.

We’re not 100% set on this approach, but it does allow for the Button to be a lot more flexible (as you can create a unique style to your liking) rather than having defined styles for “solid” and “outline”.

One way (at least for now) to get a ghost button is to style the Button to your liking, and then save that as a Global :slight_smile:

Do you mean you want a transparent background? If so, you can do this by setting the background color to 0% opacity.

Currently some “Custom Width” inputs accept a string, some accept only a number. We have a ticket to improve the input fields, both in functionality and for consistency.

For now: In the Button you can set any valid CSS value as a custom width. So all of these values would work: 200px or 50% or 80vw

6

I tested all these and could not get any of them to work. Will try again today.

7

My thought was the ability to choose to have NO BACKGROUND. I’m creating a ghost button by setting the background opacity to ZERO. This seems to be inefficient, but I could be wrong.

1 Like