Checkbox
View OriginalA 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 + TemplDefault 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},
},
})