Showroom

Custom Component Showroom

Discovery + live preview for every custom Blazor component in ChannelCheevos.Components.

Pick a component below, then render it in the preview pane. Use this when you want a quick behavior + visual check.

Connection Card

Twitch Connected as polyhydra

Status Card

Realtime Hubs 21 routes mapped, 2 compatibility aliases

Action Row

Launch scene Batocera agent online

Alert State

Reply disabled Identity resolution is required before chat replies open. Guarded

Page State Pattern

Shared vocabulary for loading, ready, empty, denied, guarded, failed, stale, and partial page states.

Loading

Work has started and the page is waiting on required data.

Ready

The primary workflow can be used now.

Empty

The workflow is valid, but there is no content yet.

Denied

The current actor is authenticated but lacks access.

Guarded

A prerequisite must be completed before continuing.

Failed

The page could not complete the requested operation.

Stale

Data exists, but it may no longer reflect current state.

Partial

Some data is available and some dependencies are unavailable.

Admin

AdminLogSummary

EventForce

ScopeToggleSection

SimsInteractionSimulator

TwitchAnalytics

TwitchApiView

TwitchAuthSummary

Admin.Valheim

ValheimCommandDashboardPage

/valheimcommands

ValheimDashboardPage

/valheim

Admin.Valheim.Controls

BanControls

ChatControls

EffectsControls

GiveItem

GlobalKeysControls

LastResultComponent

PlayerCard

PlayerList

PlayerPicker

RaidControls

ServerStatsView

SoundEffect

SpawnEnemy

TeleportPlayerToPlayer

WeatherComponent

ChannelCheevos.Components

App

CahTestPage

/cah-test

CodeContextProvider

Routes

SimpleAppState

StreamerContextProvider

TriviaTestPage

/song-trivia

WebKeyContextProvider

DevTools

DevContextGem

Health

HealthComponent

Helpers

StreamerOwnerOnly

UnicodeExplorer

Layout

BreadcrumbVerbosityPicker

LiveOperationsRibbon

NavMenu

ReconnectModal

ShellHeader

ThemePicker

ThemeStyles

Navigation

OperatorDomainSwitcher

Pages

AccountsPage

/accounts, /twitch, /spotify, /fitbit, /youtube, /patreon

AccountsAccessGrantsCard

AccountsAiProvidersCard

AccountsBatoceraCard

AccountsComponentSetupHelper

AccountsConnectionSummaryStrip

AccountsDashboard

AccountsGoogleHealthCard

AccountsIdentityRoleBanner

AccountsKodiCard

AccountsNameCard

AccountsRetroAchievementsCard

AccountsSection

AccountsSpotifyCard

AccountsSpotifyNowPlayingCard

AccountsSteamCard

AccountsTwitchCard

AccountsWatchPairingCard

AccountsWebKeysCard

AccountsYouTubeCard

AdminPage

/admin

AdminChatMonitoringPage

/admin-chat-monitoring, /admin-chat-monitoring/{Identifier?}

AdminChatMonitoringChannelCard

AdminChatMonitoringDashboard

AdminChatMonitoringInboxItem

AdminChatMonitoringSection

AdminChatMonitoringState

AdminDashboard

AdminFeatureFlagsCard

AdminGameServersPanel

AdminLogPanel

AdminOnboardingCard

AdminOperationsCard

AdminPotentialStreamersCard

AdminTtsHealth

AdminTwitchControlsCard

AdminUserAuditCard

AdminViewerAuthorizationCard

ChatbotPage

/chatbot, /chatbot-settings, /chat-memory-settings

ChatMemoryInsightsPage

/chat-memory

ChopItControlCard

DiagnosticsLabsDashboardPage

/diagnostics-labs

DiagnosticsLabsSection

DiagnosticsLabsToolStrip

ErrorPage

/Error

EventsPage

/events

FeatureGateNotice

FrotzPagePage

/frotz

FrotzStationPagePage

/frotz-station

GameBacklogWheelPage

/game-backlog-wheel

GameIntegrationRouteList

GameIntegrationsTabs

GameServerManageShell

GamesMediaDashboardPage

/games-media, /game-integrations

GamesMediaLaneSection

GamesMediaToolStrip

GoPage

/go, /go/{Code?}

GoogleHealthPage

/google-health

HealthJournalPage

/health-journal

HealthMetricsPage

/health-metrics

HealthMetricsDashboard

HealthMetricsSection

HealthMetricsSnapshotCard

HealthMovementStatusCard

HomePage

HowToUsePage

/how-to-use

IkemenPage

/ikemen

IkemenRosterAdminPage

/admin/ikemen

IMVDBSearch

InplayCoreControlCard

InplayDashboard

InplayMediaCommandsCard

InplayPanelPage

/admin-panel, /InplayPanel

InplayResolvedStateInspector

InplayResolvedStatePanel

InplaySection

InplayStreamSurfaceCard

JoinPage

/join

JukeboxPage

/Jukebox/{Code}

KodiDisplayPage

/kodi

MediaLaunchPage

/media-launch

MediaLaunchStationPanel

MemoryWikiPage

/memory, /memory/{Slug}

MusicJukeboxPagePage

/music, /music-jukebox

NotFoundPage

/not-found

OverlayLinkCard

OverlayLinkGrid

OverlaysPage

/overlays

OverlaysDashboard

OverlaysSection

ProfilePage

/profile/{Handle}, /people/{Handle}

QaMenuPage

/qa

RandomGame

RATestPage

/ra-test

ReportsPage

/reports

RetroArtPage

/retroart

SearchPagePage

/search

SiteDashboardPage

/site-dashboard, /admin/control-center

SiteDashboardSnapshotCard

SiteOperationsSummaryStrip

SiteRealtimeHealthPanel

SiteStatsPage

/siteoverlay

SteamGiftPickerPage

/steam-gift-picker, /steamgiftpicker

SteamKeysPagePage

/steamkeys

StreamerAdminPage

/StreamerAdmin

StreamerAdminDashboard

StreamerAdminSection

StreamerConfigurationSummaryStrip

StreamerPOCsPage

/StreamerAdminPOCs

SuggestionBoxPage

/suggestion-box, /suggestion-box/{ChannelId}

SvengoolieVotingOverlayPage

/overlay/svengoolie/voting

SvengoolieVotingSnapshotPanel

TerminalLocalPage

/terminal-local

TestPage

/test

TriviaPage

/triviaconsole

TriviaDisplayPage

/triviadisplay

TtsTester

TwitchOverviewPage

/twitch-overview

TwitchOverviewDashboard

TwitchOverviewSection

TwitchPagePage

/twitchstream

UnicodePage

/unicode

ViewerPage

/viewer

ViewersPage

/viewers

WeatherPage

/weather

WelcomeScreenPage

/welcome

WindroseControlSurfacePage

/windrose-control

Pages.Wally

WallyPage

/Wally

Reports

Clip

ClipRaw

ClipReport

EventSubReports

Setting

BoolSetting

DoubleNumericSetting

ListSetting

NumericSetting

StringSetting

Shims

Card

CardBody

CardDeck

CardFooter

CardGroup

CardHeader

CardImage

CardSubtitle

CardTitle

Column

Div

Image

Row

Switch

Table

TableBody

TableHeader

TableHeaderCell

TableRow

TableRowCell

Text

Showroom

OperatorShowroomExamples

Streamer

Actions

AudioClips

BatoceraGameSuggestionsCard

CahControlPage

/cah-state, /cah-state/{ChannelId}

CahOverlay

ChipsView

CodeGenerator

ConfettiView

DmdView

GameStreamInterop

GoogleHealthDetailComponent

IkemenLauncher

InplayPanelCards

LiveStream

MediaRequest

Milkdrop

MilkdropCommands

OBS

OBSLinks

RetroOBSLinks

ScriptCard

SteamInplay

StreamConsole

Toggles

TriviaStatus

UploadAudio

VideoClips

WatchPairingCard

Streamer.DetailTasks

DetailTask

DetailTaskEdit

DetailTasks

Streamer.Kodi

KodiAdmin

KodiItemCardBase

KodiItemView

KodiNowPlaying

TvShowSelector

Streamer.RetroAchievements

RAGame

RAManager

RAProfile

RARecentGamesPage

/ra

Streamer.Settings

AIProvidersSettings

AISettings

BrandLogo

ChatbotContextSourcesCard

ChatbotIdentityCard

ChatbotMemoryCard

ChatbotModelTuningCard

ChatbotPersonalityCard

ChatbotPromptStyleCard

ChatbotResponseRulesCard

ChatbotSettings

ChatbotStatusCard

ChatbotValidationCard

ConnectionCardShell

EmotePicker

GoogleHealthConnectionCard

KodiControlCard

RetroAchievementsConnectionCard

SettingAutoName

SettingQuote

SettingsChatView

SettingsJukebox

SettingsMisc

SettingsQuarters

SettingsRag

SettingsStory

SettingsTts

ShoutoutSettings

SpotifyConnectionCard

SteamConnectionCard

TwitchConnectionCard

YouTubeConnectionCard

Streamer.Settings.Blurbs

BlurbEdit

Blurbs

BlurbView

SettingsBlurb

Streamer.Settings.Command

CommandManagerView

CommandReports

CommandView

Streamer.Settings.Matrix

MatrixEditor

MatrixSettings

Streamer.Settings.Personalities

PersonalityEdit

PersonalityView

SettingsPersonalities

Streamer.Settings.Polls

PollEdit

Polls

PollView

Streamer.Settings.Retro

SettingsRetro

Streamer.Settings.SlideShows

SlideShowActions

SlideShowEdit

SlideShows

SlideShowView

Streamer.Settings.Terminal

TerminalEditor

TerminalSettings

Streamer.Settings.TwitchIdentities

StreamerTwitchIdentitiesWidget

Streamer.Shouts

Shoutout

ShoutoutEdit

Shoutouts

Streamer.Spotify

SpotifyPlaylistMaker

Streamer.Steam

SteamBatchKeyImport

SteamDashboard

SteamGamePicker

SteamKeyEdit

SteamKeys

SteamKeyView

Streamer.Twitch

HelixChatPoc

TwitchConsole

TwitchFollowers

Streamer.TwitchEvents

EventManager

TwitchEvent

Viewers

ViewerCard

ViewerCards

ViewerDetails

ViewerList

Views

AppModal

ComponentPage

/account/login

DashboardPageHeader

DragLink

EbayTests

FullTrackList

GameArtDisplay

IkemenPreviewCard

JukeboxArtistCard

JukeboxCurrentPlaying

Minicard

OperatorActionCard

OperatorPageHeader

OperatorSection

OperatorStatePanel

PageStatePanel

Password

PolyFrame

Popout

RichDiv

SiteStatusPanel

StatusLights

StatusWebhooksAndViewers

StringPicker

TitledInput

TwitchChannel

Vector3View

ViewerPicker

Views.CDNHelper

CDNDetails

Views.Frotz

CombatPanel

CommandInput

DiscoveryPopup

EventPopup

ExplorationMode

FrotzCenter

FrotzIFrame

FrotzReports

FrotzStreamOverlay

FrotzView

InventoryPanel

LocationHeader

NpcPanel

TerminalName

Views.Music

Lyrics

Views.RetroAchievements

GameConsoles

GameConsoleView

RetroAchievementLeaderboard

App

This is a root host component. It is not safe to render inline inside the showroom.