@dnb/eufemia/docs/uilib/components/fragments.md

DNB Eufemia Design System UI Library

---
title: 'Fragments'
description: 'Fragments are small, low-level and reusable parts used inside other components.'
version: 11.8.2
generatedAt: 2026-07-03T14:39:18.724Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

# Fragments

## Import

You import them like so:

```jsx
import {
  DrawerList,
  ScrollView,
  TextCounter,
} from '@dnb/eufemia/fragments'
```

## Description

Fragments are small, low-level and reusable parts used inside other components.

You may use them only to build new components from.

## Available Fragments

## [DrawerList](/uilib/components/fragments/drawer-list/)

Use DrawerList as an internal list pattern inside drawer-based components.

## [ScrollView](/uilib/components/fragments/scroll-view/)

Use ScrollView when content needs its own horizontal or vertical scrolling area.

## [TextCounter](/uilib/components/fragments/text-counter/)

Use TextCounter to show how many characters someone has typed or can still type.