Prose

Use it well.

Use native headings, paragraphs and lists. It does not parse Markdown or sanitize raw HTML. Wrap embedded widgets in data-prose=off to retain their own typography.

This is the source compiled for the preview. Select the text to copy it, or download the file. Change the package name and demo routes for your application.

package examples

import "github.com/Tend-Stack/TendUI/v2026/components"

templ ExampleProse() {
	@components.Prose(components.ProseProps{Measure: components.MeasureStandard}) {
		<h3>Words deserve a clear home.</h3>
		<p>A readable measure keeps a guide or help article comfortable within a larger application layout.</p>
		<ul><li>Use native headings and lists.</li><li>Let your Go application own the content.</li></ul>
		<blockquote><p>Good structure works before any decoration arrives.</p></blockquote>
		<div data-prose="off">
			@components.Alert(components.AlertProps{Title: "An embedded component", Message: "This alert keeps its own typography and spacing.", Tone: components.ToneInfo})
		</div>
	}
}