---
description: >-
title: Using patterns and extensions
version: 11.17.0
generatedAt: 2026-11-05T09:55:47.139Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

# Using patterns and extensions

## Choose a solution

Use a **pattern** when existing components can be composed to solve a recurring interface problem. Patterns explain when and how to combine those components; they do not add a separate API.

Use an **extension** when you need a reusable solution with its own API, such as Forms, SidebarMenu or TableOfContent. Extensions build on Eufemia components and provide behavior for a larger part of an application.

## Available extensions

<ListExtensions level={3} />

## Import extensions

```tsx
import { SidebarMenu, TableOfContent } from '@dnb/eufemia/extensions'
```

## Extension styles

Some extensions require additional styles. Follow each extension's import instructions. For example:

```tsx
import '@dnb/eufemia/extensions/sidebar-menu/style'
import '@dnb/eufemia/extensions/table-of-content/style'
```

## Patterns

- [Status indicators](/web/patterns-and-extensions/status-icon/) – combine an icon, a circular background and semantic colors to communicate status.