Master Playground

// Composição de um Dashboard Simples
components.Div(
    components.Class("goui-flex-col goui-gap-20"),
    components.Div(components.Class("goui-flex goui-gap-20"),
        components.Card(components.Text("Total Vendas", "label"), components.Text("R$ 12.450", "h2")),
        components.Card(components.Text("Novos Clientes", "label"), components.Text("142", "h2")),
    ),
    components.Table(headers, data, components.MaxHeight("300px")),
)

// Formulário com múltiplos tipos de entrada
components.Div(
    components.Class("goui-flex-col goui-gap-10"),
    components.FormField("Nome Completo", components.Input("Digite seu nome")),
    components.FormField("Prioridade", components.Dropdown("Selecione", []string{"Baixa", "Média", "Alta"})),
    components.FormField("Volume", components.Slider(components.Min(0), components.Max(100), 50)),
    components.Button("Salvar Alterações", components.Primary, components.Block),
)

// LIGAÇÃO GO-NATIVA COM GRID RESPONSIVO
tabela := components.Table(
    headers, [][]string{}, 
    components.ShowEditToggle(true),
    components.SyncWithForm(btn, nome, cargo, setor, status),
)

// Formulário usando Grid System
form := components.Div(
    components.Class("goui-grid"),
    components.Div(components.Class("goui-col-4"), nome),
    components.Div(components.Class("goui-col-4"), cargo),
    components.Div(components.Class("goui-col-4"), setor),
    components.Div(components.Class("goui-col-2"), status),
    components.Div(components.Class("goui-col-10"), btn),
)

package main
import (
	goui "github.com/M4R4G0N/goUI"
	"github.com/M4R4G0N/goUI/components"
)

func main() {
	app := goui.NewApp()
	app.RegisterRoute("/", components.NewPage(
		components.Headbar("Meu App"),
		components.Navbar(""),
		components.Text("Olá Mundo!", "h1"),
		components.LayoutCentered,
	))
	app.Start("", "8080")
}