---
description: >-
version: 11.17.0
generatedAt: 2026-11-05T09:55:46.935Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

# Components, Elements and Extensions

<Intro>

## [Components](/web/components/overview)

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

<div className="image-box" style={{ textAlign: 'center' }}>
  <Button text="Button" href="/web/components/button" target="_blank" />
</div>

## [Elements](/web/layout-and-typography/elements)

Elements are basicity ready to use styled HTML elements.

<div className="image-box" style={{ textAlign: 'center' }}>
  <a className="dnb-anchor" href="/web/components/anchor" target="_blank">
    Anchor (Text Link)
  </a>
</div>

## [Extensions](/web/patterns-and-extensions/using-patterns-and-extensions)

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

---

<IntroFooter
  href="/web/get-started/guided-introduction/12-usage-of-components-elements"
  text="Next - Usage of Components and Patterns"
/>

</Intro>