Arena components, the Angular layer

August 16, 2026 · View on GitHub

Every component this layer ships, under the category it is filed under. This page is a directory, not an index. Find the name you are reaching for in the middle column, open that category's index for what the component takes, and its own prompt for how to write it. The components are named here rather than described so that finding yours costs one page instead of a guess.

Read ../../skills/design/SKILL.md before you write anything from here. It carries the one thing no page below it does: the rules of the language, which hold in your code because you hold them and which no gate reads your application to enforce. A screen built from this tree alone breaks them where nothing will report it.

Installing the package, declaring your skin, and what it exports besides components: PACKAGE.md.
Whether a component exists at all, including any this layer does not ship: ../INDEX.md.

Category	The components it holds	Index
`brand`	`ArenaAppLogo`	`components/brand/INDEX.md`
`charts`	`ArenaBarChart` `ArenaChartCard` `ArenaDoughnutChart` `ArenaHorizontalBarChart` `ArenaLineChart` `ArenaPyramidChart` `ArenaRadarChart` `ArenaScatterChart`	`components/charts/INDEX.md`
`display`	`ArenaActivityFeed` `ArenaAvatar` `ArenaBadge` `ArenaCalendar` `ArenaCalendarEvent` `ArenaCard` `ArenaKeyValue` `ArenaPeopleList` `ArenaPersonRow` `ArenaSkeleton` `ArenaStatCard` `ArenaTable` `ArenaTableCell` `ArenaTableRow` `ArenaTag` `ArenaUnauthCard`	`components/display/INDEX.md`
`feedback`	`ArenaAlert` `ArenaConfirmDialog` `ArenaDialog` `ArenaEmptyState` `ArenaErrorState` `ArenaOnboarding` `ArenaProgressBar` `ArenaSheet` `ArenaSpinner` `ArenaToast` `ArenaToastHost` `ArenaTooltip`	`components/feedback/INDEX.md`
`forms`	`ArenaButton` `ArenaCheckbox` `ArenaIconButton` `ArenaInput` `ArenaRadio` `ArenaRadioGroup` `ArenaSelect` `ArenaSwitch` `ArenaTextarea`	`components/forms/INDEX.md`
`layout`	`ArenaBoard` `ArenaBoardColumn` `ArenaFigure` `ArenaGrid` `ArenaHero` `ArenaMain` `ArenaScroller` `ArenaScrollerItem` `ArenaSection` `ArenaSiteFooter` `ArenaSkipLink`	`components/layout/INDEX.md`
`navigation`	`ArenaAppBar` `ArenaBottomNav` `ArenaBottomNavItem` `ArenaBreadcrumbs` `ArenaBulkActionBar` `ArenaCommandPalette` `ArenaMenu` `ArenaPageHead` `ArenaPagination` `ArenaSegmentedControl` `ArenaSideNav` `ArenaSideNavCollapsible` `ArenaSideNavItem` `ArenaSideNavSection` `ArenaTab` `ArenaTabs`	`components/navigation/INDEX.md`

73 components across 7 categories in this layer.