Component Properties

Every Component has its own properties to make them work for a variety of cases. You may have a look at the table describing all the possibilities. Check out for example the Button Properties.


Both the properties- and event names are using snake case to support a universal naming convention, with a background and requirement on supporting Web Components.

Large Buttons & Icons

Below are some examples. You can even modify them right away in the Browser.

Extended example

Web Components and properties

What if a property has to change at runtime?

Changing a property (props) at runtime is a common thing in React. But also @dnb/eufemia web components support prop changes. Keep in mind that not all components are tested to the last detail. So, if you come over some special use cases, please contribute back and make a pull request.