Examples
Use the wrapper for compact snippets or richer review surfaces with focused lines, captions, and copy actions.
Compact snippet
Use the compact or ghost variants when you want a smaller shell around short code references.
Compact snippet
status.ts
ts
export const status = 'ready';
Compact snippet (Tailwind)
status.ts
ts
export const status = 'ready';
Focused review
Highlight a narrow range and dim the rest when the code block is guiding someone through a review step.
Focused review
review.ts
ts
const draft = await loadDraft();
if (draft.status !== 'approved') {
return 'needs-review';
}
return draft.summary;
Focused review shell
Focused review (Tailwind)
review.ts
ts
const draft = await loadDraft();
if (draft.status !== 'approved') {
return 'needs-review';
}
return draft.summary;
Focused review shell