コンポーネント詳細

RadioGroup

Exclusive multi-option radio selection group

サンプル

参照情報

テンプレート
templates/components/radio_group.html
ゴールデン
testdata/golden/radio_group.golden.html

Go(Marionette)サンプル

この実装例は Go の Marionette を使っています。ソース: docs/site-astro/public/examples/go/radio-group.go

package goexamples

import (
	mb "github.com/YoshihideShirai/marionette/backend"
	mf "github.com/YoshihideShirai/marionette/frontend"
)

func RegisterRadioGroupExample(app *mb.App) {
	app.Page("/radio-group", func(ctx *mb.Context) mf.Node {
		return mf.RadioGroup(mf.RadioGroupComponentProps{
			Name:      "role",
			AriaLabel: "Role",
			Items: []mf.RadioItem{
				{Label: "Admin", Value: "admin"},
				{Label: "Viewer", Value: "viewer", Checked: true},
			},
		})
	})
}