Import
import { Button } from '@dnb/eufemia'
Description
The Button component should be used as the primary call-to-action in a form, or as a user interaction mechanism.
Relevant links
Variants and sizes
There should never be more than one primary button in a given context. The secondary and tertiary button variants do not have this constraint. A button should not be used when a link would suffice.
The Button component comes in different sizes.
Primary button sizes
For the primary variant, the recommended sizes are default and large.
Secondary button sizes
For the secondary variant, the recommended sizes are default and large.
Tertiary button sizes
For the tertiary variant, the recommended size is default. A variant with icon_position="top" is also available.
It is not recommended to use the tertiary button without an icon. Looking for a similar variant without an icon? Check out Anchor instead.
Signal button sizes
For the signal variant, the recommended sizes are default and large.
Icon button sizes
Icon buttons come in all sizes.