grid

Documentation

Overview

templ: version: v0.3.977

Index

• func Cell(props CellProps, content elements.Items) templ.Component
• func Grid(props GridProps, content elements.Items) templ.Component
• type CellProps
• type GridProps

Functions

func Cell

func Cell(props CellProps, content elements.Items) templ.Component

Cell renders a Bulma `.cell` element.

func Grid

func Grid(props GridProps, content elements.Items) templ.Component

Grid renders a Bulma `.grid` container.

Types

type CellProps

type CellProps struct {
	// Attr contains additional HTML attributes
	// for the `.cell` element.
	//
	// Use this for:
	//   - cell span modifiers
	//   - alignment helpers
	//   - responsive behavior
	Attr templ.Attributes
}

Cell — Bulma Smart Grid cell. Atomic level: MOLECULE

Cell renders the Bulma `.cell` element, which defines a single grid item inside a Grid container.

type GridProps

type GridProps struct {
	// Attr contains additional HTML attributes
	// for the `.grid` container.
	//
	// Use this for:
	//   - grid modifiers (is-col-min-*, is-gap-*)
	//   - responsive classes
	//   - layout helpers
	Attr templ.Attributes
}

Grid — Bulma Smart Grid container. Atomic level: ORGANISM

Grid renders the Bulma `.grid` container, which is based on CSS Grid and provides automatic responsive behavior.

Grid does not define column sizes explicitly. All layout configuration is done via Bulma utility classes passed through Attr.