Popover

Use it well.

Provide a unique ID and an opener. It is not an ARIA menu. Older browsers may show its content inline.

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 ExamplePopover() {
	@components.Button(components.ButtonProps{Text: "Show a helpful note", PopoverTarget: "sample-popover"})
	@components.Popover(components.PopoverProps{ID: "sample-popover", Title: "A small detail"}) {
		<p>Click outside or press Escape to dismiss this automatic popover.</p>
	}
}