Files

T

Johan Persson 8659f3331c feat(ui): replace Header tabs with nav-based grouped navigation

Replace the RA Tabs/TabList/Tab rendering in the Header component
with a nav-based approach that supports grouped dropdown items via
BUI Menu. Active state is consumer-controlled via a new activeTabId
prop. The indicator system follows the TabsIndicators CSS custom
property pattern for animated active/hover/focus states.

Signed-off-by: Johan Persson <johanopersson@gmail.com>

2026-03-24 09:32:54 +01:00

public

Move theme CSS files from public to src and fix imports

2026-01-29 15:10:00 +00:00

scripts

fix(docs-ui): improve changelog sync script component detection

2026-03-18 16:45:54 +01:00

src

feat(ui): replace Header tabs with nav-based grouped navigation

2026-03-24 09:32:54 +01:00

.gitignore

…

eslint.config.mjs

Fix React hooks ESLint errors without disabling rules

2026-01-29 15:01:12 +00:00

next.config.mjs

Cleaning build

2025-11-04 14:30:54 +00:00

package.json

fix(docs-ui): update @next/mdx and eslint-config-next to v16.1.7

2026-03-20 17:54:23 +01:00

postcss.config.mjs

docs-ui: replace CSS sync script with postcss-import

2026-02-20 07:32:10 +01:00

README.md

feat(docs-ui): add automated changelog sync from @backstage/ui

2025-11-17 11:37:39 +01:00

tsconfig.json

Update tsconfig.json

2026-01-29 13:45:37 +00:00

yarn.lock

fix(docs-ui): update @next/mdx and eslint-config-next to v16.1.7

2026-03-20 17:54:23 +01:00

README.md

Backstage UI Docs

Backstage UI is our internal UI library built for Backstage. We built this website to document the library and its components. You can view this website here.

How to run locally

This website is built with Next.js and it is hosted on Github pages. To run it locally, you can run the following command:

yarn start

Deployment

Deployments are done automatically when a PR is merged into the master branch. We host the website using Github pages.

Maintaining Component Changelogs

After a @backstage/ui release, sync the component changelogs to keep documentation up-to-date:

yarn sync:changelog

This script:

Parses packages/ui/CHANGELOG.md for new versions
Extracts entries tagged with "Affected components: ..."
Updates src/utils/changelog.ts with new entries
Handles both component-specific and general package changes

After running, review the changes in src/utils/changelog.ts and commit them.

Preview changes before writing:

yarn sync:changelog:dry-run

Running this gives you a summary of what would be written, without actually adding or changing any files.