ionic-team / ionic-team/ionic-framework
feat: customize icon positioning in ion-button
Open
package: core
type: feature request
- Dominant language
- TypeScript
- Stars
- 52.7k
- Forks
- 13.3k
- Avg merge
- 1d 15h
- Merged PRs (30d)
- 51
Description
# Feature Request
**Ionic version:**
[x] **4.x**
**Describe the Feature Request**
I want to place the icon on the top, and text on bottom in ion-button.
Same as the one available in ion-segment / ion-tab-button.
**Describe Preferred Solution**
Add "top" to slot attribute.
`
Top Icon
`
Contributor guide
Research direction
Start by reviewing the ion-button implementation and comparing its slot handling with ion-segment and ion-tab-button, which already support top-positioned icons. Confirm how a top slot should position the icon above the label, then add coverage for the requested markup and verify the button renders the icon on top with text below.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100