A checkbox allows users to select one or more options from a set. Supports color variants, custom icons, animations, descriptions, containers, and groups.

Goshtoso Component

Go + Templ

Default Checkbox

Color Variants

Custom Icons

Animations

With Description

You only gonna get good news, promise.

With Container

Checkbox Group

Notifications

Disabled

Usage Example
// Default Checkbox
@checkbox.Checkbox(checkbox.Config{
    ID:      "notifications",
    Label:   "Notifications",
    Checked: true,
})

// Color Variant
@checkbox.Checkbox(checkbox.Config{
    ID:      "success",
    Label:   "Success",
    Variant: checkbox.Success,
    Checked: true,
})

// With Description
@checkbox.Checkbox(checkbox.Config{
    ID:            "email",
    Label:         "Email Updates",
    Description:   "You only gonna get good news, promise.",
    DescriptionID: "emailDesc",
    Checked:       true,
})

// With Container
@checkbox.Checkbox(checkbox.Config{
    ID:        "containerCheck",
    Label:     "Notifications",
    Container: true,
    Checked:   true,
})

// Checkbox Group
@checkbox.CheckboxGroup(checkbox.GroupConfig{
    Title: "Notifications",
    Items: []checkbox.Config{
        {ID: "email", Label: "Email notifications", Value: "email", Checked: true},
        {ID: "push", Label: "Push notifications", Value: "push"},
        {ID: "sms", Label: "SMS alerts", Value: "sms", Checked: true},
    },
})

This site uses localStorage to remember your theme preference. No tracking cookies.