frankdugan3 / frankdugan3/pyro_components

Component: IconButton

Open
#2 2 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
Elixir
Stars
8
Forks
2
PR merge metrics
No merged PRs in 30d

Description

**Pre-check**

This component proposal:

- [x] Is not a duplicate of an existing issue
- [x] Does not require 3rd party JS to implement
- [x] Considers mobile-friendliness
- [x] Does not cause accessibility problems

**Describe the use case for this component**
An icon button as a convenience component which wraps the button component but without rendering the button part. Possibly render a label next to the icon or as tooltip.

Similar to the Petal icon_button but `shape` could allow here to define the hover bg shape (options: rounded, square, circle) and the button's variant could be dropped for the icon_button interface.

This could be used for the theme-selector or other nav-bar items.

**Demonstrate the component's API**

```heex
<.icon_button icon_name="hero-cog-8-tooth-solid" tooltip="Settings" />
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.