Skip to content

Button: Control Icon Size #365

@isaqueha

Description

@isaqueha

Description
I would like to control the size of an Icon inside a Button.

Is your feature request related to a problem? Please describe.
I was developing a feature where a Button with a big Icon was needed, but there is no simple way to achieve that.

Describe the solution you'd like
I would like a property inside the Button component to control the Icon size through CSS or so.

Describe alternatives you've considered
I tried to alter several different CSS properties in the Button component so the Icon would be affected. No result so far.
Some ideas:

Additional context
As seen in the screenshot below, I wanted to make the sys-cancel Icon inside the Button as big as the search Icon in the left of the Bar:

image

The search Icon size was controlled with the width: 1.5rem CSS property.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions