elastic / elastic/eui

EuiListGroup gutter prop

Open
#9,938 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
6.4k
Forks
911
Avg merge
2d 11h
Merged PRs (30d)
65

Description

**Request**

`EuiListGroup` is not allowing for consumers to [define space between elements](https://github.com/elastic/kibana/pull/286277/changes#diff-5f19c27efe0636ff423e6e2094ea17b4f5328e1862e5ae4ad20b48e337c73229R220), so that way the list would always looks stacked. Let's add a gutter property to the list which would create gap between each element.

Related to this usecase https://github.com/elastic/kibana/pull/286277

Contributor guide

Open the contributing guide

Research direction

Start by locating the EuiListGroup component and reviewing the linked Kibana use case to understand the desired spacing behavior. Trace how list item layout and styling are defined, then verify that the new gutter option creates consistent gaps between elements without changing the default stacked appearance.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.