Skip to content

[EuiDescriptionList] Add columnGap prop for configurable column spacing #7011

@breehall

Description

@breehall

Is your feature request related to a problem? Please describe.
EuiDescriptionList columns currently default to a width of 50%. Depending on the screen size, these columns can be spread quite far apart. The new prop would make this value configurable.

Describe the solution you'd like
A new columnGap prop that accepts s and m (default) as values to control the column gap. m would be the default and would be 50% (the amount used today).

Describe alternatives you've considered
The alternatives to this are kind of hacky. One such hack is using the different description list components and setting a class on DescriptionListTitle with class setting the flex-basis to the desired max width of the title column.

CC: @kyrspl

image

Metadata

Metadata

Assignees

Labels

design decisionUse this to flag an item that needs input from the design teamgood first issuehelp wantedThe EUI team is unlikely prioritize. (Don't delete - used for automation)stale-issue(Don't delete - used for automation)stale-issue-closed(Don't delete - used for automation)

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions