Split

サンプル

参照情報

テンプレート

templates/components/split.html

ゴールデン

testdata/golden/split.golden.html

Go（Marionette）サンプル

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

package goexamples

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

func RegisterSplitExample(app *mb.App) {
	app.Page("/split", func(ctx *mb.Context) mf.Node {
		return mf.Split(mf.SplitProps{
			Main:  mf.Card(mf.CardProps{Title: "Main"}, mf.TextComponent(mf.TextProps{Text: "Primary workflow"})),
			Aside: mf.Card(mf.CardProps{Title: "Aside"}, mf.TextComponent(mf.TextProps{Text: "Supporting details"})),
			Gap:   "lg",
		})
	})
}