Component Detail

Split

Main/aside split layout primitive.

Example

References

Template
templates/components/split.html
Golden
testdata/golden/split.golden.html

Go (Marionette) Example

This implementation example uses Marionette in Go. Source: 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",
		})
	})
}