columns

Documentation

Overview

templ: version: v0.3.977

Index

• func Column(props ColumnProps, content elements.Items) templ.Component
• func Columns(props ColumnsProps, content elements.Items) templ.Component
• type ColumnProps
• type ColumnsProps

Functions

func Column

func Column(props ColumnProps, content elements.Items) templ.Component

Column renders a Bulma `.column` element.

func Columns

func Columns(props ColumnsProps, content elements.Items) templ.Component

Columns renders a Bulma `.columns` container.

Types

type ColumnProps

type ColumnProps struct {
	// Size defines the column width
	// (e.g. is-half, is-one-third).
	Size string

	// Narrow makes the column only as wide as its content.
	Narrow bool

	// Offset defines column offset
	// (e.g. is-offset-one-quarter).
	Offset string

	// Attr contains additional HTML attributes
	// for the `.column` element.
	Attr templ.Attributes
}

Column — Bulma column element. Atomic level: MOLECULE

Column defines a single column inside a Columns container. It controls width, offset and responsiveness.

type ColumnsProps

type ColumnsProps struct {
	// Multiline allows columns to wrap onto multiple lines.
	Multiline bool

	// Centered centers the columns horizontally.
	Centered bool

	// Gapless removes the gap between columns.
	Gapless bool

	// Variable enables variable gap sizes.
	Variable bool

	// Attr contains additional HTML attributes
	// for the `.columns` container.
	Attr templ.Attributes
}

Columns — Bulma columns layout container. Atomic level: ORGANISM

Columns defines a flexbox-based layout system for arranging content in horizontal columns. It does not impose any content structure and serves purely as a layout mechanism.