Card

Use it well.

Header, Body and Footer accept components. Surface, Entry, Delay and HoverLift are optional; a card is not automatically interactive.

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/GothUI/v2026/components"

templ ExampleCard() {
	@components.Card(components.CardProps{Surface: components.SurfaceGradient, Elevation: components.ElevationSubtle}) {
		<h3>A thoughtful surface.</h3>
		<p>Use semantic articles with optional header, body and footer slots.</p><a href="/motion">Explore surfaces</a>
	}
}