Skip to main content
Latest is @equinor/eds-core-react 2.x and @equinor/eds-tokens 2.x, and stays supported until 3.0.0 is released. Beta is the 3.0.0 beta, safe to adopt alongside it. See Versioning for which packages belong to each.
Version: Latest

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.