Skip to content

EuiSteps unordered variant #7785

@JoseLuisGJ

Description

@JoseLuisGJ

Describe the solution you'd like
I'd like to get a EuiSteps variant where the step number is not required nor displayed performing like a unordered list or unordered step. This approach will fit better with some guided steps that aims for letting users go back and forth between different steps on a less prescriptive proposal.

Describe alternatives you've considered
Alternatively the step prop should be optional and not having a default value to archive this result. But we should also manage the size of the circle somehow for getting a more balanced composition.

Desired timeline
During Jun 2024 ? It'll be used for 8.15 release

Additional context

  • I see that the size of the step number circle container is tight to the titleSize prop. Should we have a way for managing with more precision the size of this circle container as a part of this request?
  • The proposed designs are using a circle container of 12 x 12 pixels whereas the smallesttitleSize = xs is 24px x 24px
  • Should we just let use this unordered variant in xs or xxs sizes? For big sizes might end up with a none balanced composition.
  • I guess that icons should not be allowed within the circle content with this variant due to the container is 12 x 12 and the icons will be smaller than that minim size for icons.

CleanShot 2024-05-20 at 13 24 55@2x
Self managed - Connector selected

Metadata

Metadata

Assignees

Labels

No labels
No labels

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