Skip to main content
EDS 1 is @equinor/eds-core-react 2.x and earlier, and stays supported until EDS 2.0 becomes stable. EDS 2.0 is in beta, safe to adopt alongside it, and becomes eds-core-react 3.0.0 when it leaves beta.
Version: EDS 1

Shape

Components can have many different shapes. Establishing a common shape keeps consistency.

Guidelines​

To reflect the round corners of the Equinor logo, our shapes have a default rounded corner of 4px. You will notice this in the corners of buttons, cards, menus and more.

Variations​

There are many different shapes to choose between when you are building a component such as: Button, Icon button,  Corners,  Straight,  Field  and Circle.