ionic-team / ionic-team/ionic-framework

feat: configurable default icon for ion-item detail-icon in provideIonicAngular

Open
#30,924 0 comments 0 reactions 0 assignees View on GitHub
triage
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already include this feature request, without success.

### Describe the Feature Request

A new config property to set the default icon for detail-icon on ``. Just as it works for setting the default icon for ``

### Describe the Use Case

We want to use our own custom icon for items with `detail="true"` and having to add the `detail-icon` attribute on every item is a lot of effort and prone to design issues if a developer forgets to do it.

### Describe Preferred Solution

Add new config property

### Describe Alternatives

_No response_

### Related Code

_No response_

### Additional Information

There was the same feature request already in https://github.com/ionic-team/ionic-framework/issues/19906
The answer with a custom wrapper component that default sets the attribute is imho not satisfying as it poses one critical problem: A default component renders markup which makes the Ionic default styling for items in lists, etc. with first-child selectors etc. not work anymore. This kind of breaks the framework and is not a good proposed solution

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.