@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.3.0
generatedAt: 2026-05-19T08:46:50.974Z
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/)

The DrawerList component is a fragment inside other components.

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

ScrollView is a tiny helper component helping the user controlling overflowing content horizontally or vertically

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

The TextCounter is a component designed to provide real-time character count feedback in text input fields.