コンポーネント詳細

Divider

Visual separator with configurable spacing.

サンプル

参照情報

テンプレート
frontend/ui_impl.go
ゴールデン
N/A

Go(Marionette)サンプル

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

package goexamples

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

func RegisterDividerExample(app *mb.App) {
	app.Page("/divider", func(ctx *mb.Context) mf.Node {
		return mf.Stack(mf.StackProps{Gap: "md"},
			mf.TextComponent(mf.TextProps{Text: "Section A"}),
			mf.Divider(mf.DividerProps{Spacing: "md"}),
			mf.TextComponent(mf.TextProps{Text: "Section B"}),
		)
	})
}