mljr-ui · showcase

Carousel

Pure Datastar image carousel with prev/next and dot navigation.

data carousel

Usage

// wrap in a Card for proper full-bleed negative-margin bleed
primitive.Card(primitive.CardProps{},
    data.Carousel(data.CarouselProps{
        ID:     "hero",
        Images: []string{"/img/a.jpg", "/img/b.jpg"},
        Alt:    "Slide",
    }),
    h.P(g.Text("Caption")),
)