Feedback

AI Suggestion

semantic HTML

제공자 중립적인 생성 제안과 검토·수락·거절 상태를 표시합니다.

stablefreeSince 0.6

Live example

Suggested summarypending

Chois UI keeps server HTML meaningful and enhances it with native modules.

<article data-standard-component="ai-suggestion" data-ui="notice"><header><strong>Suggested summary</strong><span data-ai-status>pending</span></header><p>Chois UI keeps server HTML meaningful and enhances it with native modules.</p><button type="button" data-ai-action="accept">Accept</button><button type="button" class="secondary" data-ai-action="reject">Reject</button></article>

Variants and sizes

The pattern inherits theme and density tokens. Use compact, comfortable, or roomy density when the surrounding screen requires it.

compactcomfortableroomy

Public API

Contract	Value
Implementation	`semantic HTML`
Status	`stable`
License	`free`
Since	`0.6`
HTML contract	`Native HTML elements and attributes`
Events	`Native browser events`

Accessibility

status text and explicit accept or reject actions

Server template guidance

<!-- Render the semantic HTML on the server. Load enhancement JavaScript only when this interaction is needed. -->