ionic-team / ionic-team/ionic-framework

feat: Separator component

Open
#30,091 0 comments 0 reactions 0 assignees View on GitHub
package: core type: feature request
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 dedicated component to spontaneously create a separator, horizontal or vertical depending of usages. Something similar to items separator, but without needs to be in items group or something to make it, and a vertical variant.

### Describe the Use Case

Allows to split several parts of an app smoothly, without having to write a custom css

### Describe Preferred Solution

Ideally something really light, with just a `vertical` bool to switch to a vertical mod, and just an empty styled div I guess ? Taking children doesn't seems to be logic

### Describe Alternatives

Except a custom styled component, not really possible right now

### Related Code

_No response_

### Additional Information

Using an empty item needs to make some tricks to remove it's default height, that is verbose for a simple thing like that

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the existing items separator and the component patterns in Ionic Framework. Define the requested separator's horizontal default and its vertical boolean variant, then verify that it can split app content without requiring children or custom CSS.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.