All the components do share a couple of common used helpers. Your application can also use these helpers, but it's totally optional.

CSS properties

Animation Easing

You can use the internal Eufemia easing function.

.animation-element {
transition: transform 400ms var(--easing-default);

CSS classes


Device checks

Find out which device your user is currently on using the Device functions.

Or use the built-in Device constants.