Round FABs — variants

Extended FABs (with label)

Usage

// Round FAB (fixed position by default)
@actions.FAB(actions.FABProps{
    Icon:     myPlusIcon(),  // templ.Component
    Label:    "Add item",    // aria-label
    Variant:  "primary",
    Position: "bottom-right",
})

// Extended FAB with visible label
@actions.FAB(actions.FABProps{
    Icon:      myEditIcon(),
    Label:     "New note",
    ShowLabel: true,
    Href:      "/notes/new", // renders as <a> when set
})