# @not-govuk/width-container

> A simple container to limit the width of its contents.

Latest version **0.19.2** (published 2026-10-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @not-govuk/width-container
pnpm add @not-govuk/width-container
yarn add @not-govuk/width-container
bun add @not-govuk/width-container
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.19.2 |
| Published | 2026-10-07 |
| First published | 2020-11-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 4.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Daniel A.C. Martin <npm@daniel-martin.co.uk> (http://daniel-martin.co.uk/) |
| Maintainers | daniel-ac-martin |
| Keywords | react-components |

## Links

- npm: https://www.npmjs.com/package/@not-govuk/width-container
- npm.io page: https://npm.io/package/@not-govuk/width-container

## Dependencies (3)

- [govuk-frontend](https://npm.io/package/govuk-frontend.md) ^6.5.1
- [@not-govuk/sass-base](https://npm.io/package/@not-govuk/sass-base.md) ^0.19.2
- [@react-foundry/component-helpers](https://npm.io/package/@react-foundry/component-helpers.md) ^0.6.2

## Recent versions

- 0.19.2 (latest) — 2026-10-07
- 0.19.1 — 2026-08-15
- 0.19.0 — 2026-08-08
- 0.18.1 — 2026-04-26
- 0.18.0 — 2026-04-26
- 0.17.4 — 2026-04-09
- 0.17.3 — 2026-02-03
- 0.17.2 — 2026-02-02
- 0.17.1 — 2026-01-29
- 0.17.0 — 2026-01-29
- 0.16.3 — 2025-08-18
- 0.16.2 — 2025-05-30
- 0.16.1 — 2025-05-21
- 0.16.0 — 2025-05-11
- 0.15.14 — 2025-05-08
- … 75 more at https://npm.io/package/@not-govuk/width-container/versions

## README

Width Container
===============

A simple container to limit the width of its contents.

This is used by the page components to control the width of the page
contents. Users will not typically need to use this.


Using this package
------------------

First install the package into your project:

```shell
npm install -S @not-govuk/width-container
```

Then use it in your code as follows:

```js
import React, { createElement as h } from 'react';
import WidthContainer from '@not-govuk/width-container';

const myMaxWidthInPixels = 300;

export const MyComponent = props => (
  <WidthContainer maxWidth={myMaxWidthInPixels}>
    My contents
  </WidthContainer>
);

export default MyComponent;
```


Working on this package
-----------------------

Before working on this package you must install its dependencies using
the following command:

```shell
pnpm install
```


### Testing

```shell
npm test
```


### Building

```shell
npm run build
```


### Clean-up

```shell
npm run clean
```

---
_Source: https://npm.io/package/@not-govuk/width-container · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._