FlashMessage

Toast-style success message for quick feedback.

Saved

12345678910111213
package showcase

import (
	popui "github.com/invopop/popui/go"
	"github.com/invopop/popui/go/props"
)

templ FlashMessageSuccess() {
	@popui.FlashMessage(props.FlashMessage{
		Type:    "success",
		Message: "Saved",
	})
}

Custom Message

Provide a longer custom message for more context.

Profile updated successfully!

12345678910111213
package showcase

import (
	popui "github.com/invopop/popui/go"
	"github.com/invopop/popui/go/props"
)

templ FlashMessageCustom() {
	@popui.FlashMessage(props.FlashMessage{
		Type:    "success",
		Message: "Profile updated successfully!",
	})
}

API Reference

FlashMessage

Toast-style message component for quick feedback.

Name	Type	Default	Description
`ID`	`string`	-	Unique identifier for the flash message element
`Class`	`string`	-	Additional CSS classes to merge with flash message styles
`Attributes`	`templ.Attributes`	-	Additional HTML attributes (data-, aria-, etc.)
`Type`	`string`	-	Message type: currently supports 'success'
`Message`	`string`	-	Message text to display