# @lg-chat/title-bar

> lg-chat Title Bar

Latest version **5.0.3** (published 2026-10-02) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @lg-chat/title-bar
pnpm add @lg-chat/title-bar
yarn add @lg-chat/title-bar
bun add @lg-chat/title-bar
```

## Health

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

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

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 5.0.3 |
| Published | 2026-10-02 |
| First published | 2024-03-14 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 47.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 274 |
| Maintainers | aitchpgm, stephl3, thesonofthomp, _tsck, shaneeza |

## Links

- npm: https://www.npmjs.com/package/@lg-chat/title-bar
- Repository: https://github.com/mongodb/leafygreen-ui
- Homepage: https://github.com/mongodb/leafygreen-ui/tree/main/chat/title-bar
- Issues: https://jira.mongodb.org/projects/LG/summary
- npm.io page: https://npm.io/package/@lg-chat/title-bar

## Dependencies (5)

- [@leafygreen-ui/lib](https://npm.io/package/@leafygreen-ui/lib.md) ^15.7.1
- [@leafygreen-ui/badge](https://npm.io/package/@leafygreen-ui/badge.md) ^10.2.5
- [@leafygreen-ui/tokens](https://npm.io/package/@leafygreen-ui/tokens.md) ^4.2.3
- [@leafygreen-ui/emotion](https://npm.io/package/@leafygreen-ui/emotion.md) ^5.2.1
- [@leafygreen-ui/typography](https://npm.io/package/@leafygreen-ui/typography.md) ^22.2.5

## Recent versions

- 5.0.3 (latest) — 2026-10-02
- 5.0.2 — 2026-01-21
- 5.0.1 — 2025-11-24
- 5.0.0 — 2025-11-13
- 4.2.0 — 2025-11-06
- 4.1.0 — 2025-10-31
- 4.0.9 — 2025-10-21
- 4.0.8 — 2025-09-25
- 4.0.7 — 2025-09-10
- 4.0.6 — 2025-09-03
- 4.0.5 — 2025-08-15
- 4.0.4 — 2025-07-18
- 4.0.3 — 2025-07-03
- 4.0.2 — 2025-06-30
- 4.0.1 — 2025-06-16
- … 22 more at https://npm.io/package/@lg-chat/title-bar/versions

## README

# Title Bar

## Installation

### PNPM

```shell
pnpm add @lg-chat/title-bar
```

### Yarn

```shell
yarn add @lg-chat/title-bar
```

### NPM

```shell
npm install @lg-chat/title-bar
```

## Example

```tsx
import { TitleBar } from '@lg-chat/title-bar';

return <TitleBar title="LeafyGreen Chat" badgeText="Beta" />;
```

## Properties

| Prop                     | Type                      | Description                                                    | Default |
| ------------------------ | ------------------------- | -------------------------------------------------------------- | ------- |
| `badgeText` _(optional)_ | `string`                  | Badge text rendered to indicate 'Beta' or 'Experimental' flags |         |
| `title`                  | `string`                  | Title text                                                     |         |
| `...`                    | `HTMLElementProps<'div'>` | Props spread on root element                                   |         |

---
_Source: https://npm.io/package/@lg-chat/title-bar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._