System UI component는 일반 feature widget이 아니라 app-shell 및 admin helper입니다. root layout, admin page, signal dashboard, tabbed detail view, animation-heavy UI에서 사용합니다.
System
app-level chrome과 runtime helper를 위한 System namespace입니다. render mode에 따라 CSR 또는 SSR provider를 선택하고 theme/language/reconnect/dev-mode helper를 제공합니다.
Props / API
이름
타입
설명
System.Provider
{ appName, params, env, of, children, ... }
CSR/SSR shell setup을 위한 root app provider입니다.
System.ThemeToggle
component
theme switching control입니다.
System.SelectLanguage
component
language selector입니다.
System.Reconnect
component
local 또는 unstable session을 위한 reconnect helper입니다.
사용 예시
ClientSide
client-side에서 렌더링해야 하는 content를 optional fallback과 함께 감싸는 작은 Suspense boundary입니다.
Props / API
이름
타입
설명
children
ReactNode
client-side content입니다.
loading
ReactNode
Suspense fallback입니다.
사용 예시
Signal
admin 및 developer-facing signal inspection namespace입니다. API/signal document, argument, listener, WebSocket/PubSub view, message payload를 렌더링합니다.
Props / API
이름
타입
설명
Signal.Doc
component
signal definition을 위한 documentation viewer입니다.
Signal.RestApi
component
REST API signal view/test surface입니다.
Signal.WebSocket / PubSub
components
realtime signal surface입니다.
Signal.Arg / Object / Message
components
payload와 argument renderer입니다.
사용 예시
Tab
compound tab state namespace입니다. context를 통해 active menu state를 공유하는 provider, menu, panel component를 제공합니다.
Props / API
이름
타입
설명
Tab
{ defaultMenu?, className?, children? }
tab state를 위한 provider/root입니다.
Tab.Menus
component
tab menu item을 담는 container입니다.
Tab.Menu
component
선택 가능한 menu item입니다.
Tab.Panel
component
일치하는 menu key에서 보이는 content입니다.
사용 예시
animated
Akan UI component와 custom animated surface에서 사용하는 react-spring animated primitive의 작은 re-export입니다.
