@acryl/ui

ACRYL UI library for the Web and Desktop client: themed building blocks over the app's own primitives (Stack, Card, Field, SwitchField, SettingsRow, SelectField, Segmented, Tabs, Dialog, EmptyState), semantic color roles and slot helpers 适合需要使用标准构建块和插槽辅助工具开发客户端界面的开发者。

パッケージ

@acryl/ui

互換性

未検証

Harness ピア範囲

0.2.0-rc.2

Cordis ピア範囲

4.0.4

バージョン

0.3.0

ライセンス

MIT

最終更新

2026/10/08

@acryl/ui

ACRYL UI library for the Web and Desktop client (spec 038): themed building blocks over the app's own primitives, and slot helpers.

// in a client bundle whose package.json lists "@acryl/ui" in dsh.client.inject
const ui = require('@acryl/ui')
ui.footerAction(ctx, { id: 'my-panel' }, function Panel() {
  const [name, setName] = React.useState('')
  return React.createElement(ui.Card, { title: 'Settings' }, React.createElement(ui.Field, { label: 'Name', value: name, onChange: setName }))
})

Components and helpers are described in contracts/components.json (the single source: props, a11y, slots). npm test checks that the exports match the contract. The client loader treats every module as a plugin, so this library also exports an empty apply.

Status: skeleton. Stack, Card, Field, SwitchField, EmptyState; footerAction, headerAction, sidebarTab. Not yet wired into every surface's composition (task T011b).

@acryl/ui

インストール

ドキュメント

@acryl/ui