@dnb/eufemia/docs/uilib/intro/11-components-elements-extensions.md

DNB Eufemia Design System UI Library

---
version: 10.104.0
generatedAt: 2026-04-17T18:46:12.762Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

<Intro>

# Components, Elements and Extensions

## [Components](/uilib/components)

Components are custom made **user interaction elements** with an internal state, your application can interact with.

<div className="image-box" align="center">
  <Button text="Button" href="/uilib/components/button" target="_blank" />
</div>

## [Elements](/uilib/elements)

Elements are basicity ready to use styled HTML elements.

<div className="image-box" align="center">
  <a
    className="dnb-anchor"
    href="!/uilib/components/anchor"
    target="_blank"
  >
    Anchor (Text Link)
  </a>
</div>

## [Extensions](/uilib/extensions)

Eufemia extensions are reusable parts that do not fit naturally in to a component or element, but rather has the nature of being an extended solution of Eufemia.

---

<IntroFooter
  href="/uilib/intro/12-usage-of-components-elements"
  text="Next - Usage of Components and Patterns"
/>

</Intro>