Marionette Docs

コンポーネント詳細

DashWind PageHeader

Dashboard page title row with description text and optional action area.

サンプル

参照情報

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

Go（Marionette）サンプル

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

package goexamples

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

func RegisterDashwindPageHeaderExample(app *mb.App) {
	app.Page("/dashwind-page-header", func(ctx *mb.Context) mf.Node {
		return dw.PageHeader(dw.PageHeaderProps{
			Title:       "Customers",
			Description: "Track accounts, lifecycle stage, and owner activity.",
			Actions:     mf.Button("New customer", mf.ComponentProps{Variant: "primary", Size: "sm"}),
		})
	})
}