Card

A composable surface container with Header, Body, and Footer slots.

Account Settings

Update your profile details below.

Component
@card.Card(card.Props{Border: true, Shadow: true}) {
    @card.Header() {
        @card.Title() { Account Settings }
        @card.Description() { Update your profile details below. }
    }
    @card.Body() {
        @input.Input(input.Props{Name: "name", Label: "Name", Value: "Sai"})
    }
    @card.Footer() {
        @button.Button(button.Props{Variant: button.VariantPrimary}) { Save }
        @button.Button(button.Props{Variant: button.VariantGhost}) { Cancel }
    }
}