JSX

The local JSX runtime compiles TSX elements into TemplateResult values, preserving the same safe rendering rules.

Component authoring

tsx
import type { TemplateResult } from '@zoxon/mater'

export function Action(): TemplateResult {
  return <Button label="Save" variant="outline" />
}

Attributes

DefaultSuccess
tsx
<>
  <Badge label="Default" />
  <Badge label="Success" theme="success" />
  <Button label="Disabled" disabled />
</>

Trusted HTML

html
<p><strong>Trusted</strong> HTML</p>
tsx
<p>{raw('<strong>Trusted</strong> HTML')}</p>