@dnb/eufemia/docs/uilib/about-the-lib/releases/dnb-ui-lib/v4.18-info.md

DNB Eufemia Design System UI Library

---
title: 'v4.18'
description: 'September, 28. 2019'
version: 11.8.2
generatedAt: 2026-07-03T14:39:18.348Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

# v4.18

## Since last release info

- In the Customization section you can now find the ready to use and optimized [favicons](/uilib/usage/customisation#favicon-and-manifest).
- New icons: `upload`
- Added layout [CSS properties](/uilib/layout) (`--layout-*`), like: `--layout-large: 60em;`

### [Modal](/uilib/components/modal)

- `fullscreen` and `max_width` and a default max width of `60rem`

### [Dropdown](/uilib/components/dropdown)

- `data` can now be given by a function
- Now you can use `value` and `default_value` instead of `selected_item`
- A custom `width` is now easier to customize

## New: [GlobalError](/uilib/components/global-error)

The GlobalError is a simple component to integrate if a `404` or `500` has to be shown

You have a couple of options / properties to change the texts if needed.

```jsx
import { GlobalError } from 'dnb-ui-lib/components'

render(<GlobalError status="404" />)
```

## Install

To upgrade to v4.18 with NPM, use:

```bash
$ npm i dnb-ui-lib@4.18

# In case the NPM mirroring is not up to date
$ npm i https://github.com/dnbexperience/eufemia/releases/download/v4.18.0/dnb-ui-lib-4.18.0.tgz
```

More details you can find in the [Releases section on GitHub](https://github.com/dnbexperience/eufemia/releases)

_September, 28. 2019_