Marionette Docs

コンポーネント詳細

DashWind CardPanel

Admin card surface that wraps DaisyUI cards with DashWind spacing, shadow, and actions.

サンプル

参照情報

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

Go（Marionette）サンプル

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

package goexamples

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

func RegisterDashwindCardPanelExample(app *mb.App) {
	app.Page("/dashwind-card-panel", func(ctx *mb.Context) mf.Node {
		return dw.CardPanel(dw.CardPanelProps{
			Title:       "Revenue health",
			Description: "A reusable admin card surface with DaisyUI styling.",
			Actions:     mf.Button("Export", mf.ComponentProps{Variant: "ghost", Size: "sm"}),
		}, mf.TextComponent(mf.TextProps{Text: "$128.4k", Size: "3xl", Weight: "bold"}))
	})
}