@backstage/ui

Backstage UI is a component library for Backstage.

Installation

Install the package via Yarn:

cd <package-dir> # if within a monorepo
yarn add @backstage/ui
Copy

Documentation

• Backstage UI Documentation
• Backstage Readme
• Backstage Documentation

Writing Changesets for Components

When creating changesets for component-specific changes, add component metadata to help maintain documentation:

---
'@backstage/ui': patch
---

Fixed size prop handling for Avatar component.

Affected components: Avatar
Copy

Guidelines:

• Component names: Use PascalCase as they appear in imports (Avatar, ButtonIcon, SearchField)
• Multiple components: Affected components: Button, ButtonLink, ButtonIcon
• General changes: Omit the metadata line (build changes, package-level updates)
• Placement: The line can appear anywhere in the description

The changelog sync tool will parse these tags and update the documentation site automatically.