component

package
v0.4.9 Latest Latest
Warning

This package is not in the latest version of its module.

 Go to latest Published: May 13, 2026 License: Unlicense Imports: 4 Imported by: 0

Documentation

Overview

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

templ: version: v0.3.977

Index

Constants

This section is empty.

Variables

This section is empty.

Functions

func ActivityCard 

func ActivityCard(title, href string) templ.Component

ActivityCard renders an activity card (convenience wrapper).

func ActivityCardComponent added in v0.2.0 

func ActivityCardComponent(props ActivityCardProps) templ.Component

ActivityCardComponent renders a card for proposals, resolutions, or action items.

func Avatar 

func Avatar(name string, size string) templ.Component

Avatar renders an initials-based avatar.

func AvatarComponent 

func AvatarComponent(props AvatarProps) templ.Component

AvatarComponent renders an avatar with full Props control. When ShowName is true, wraps the avatar in a cluster layout with the name alongside. Initials avatars (no Src) get role="img" and aria-label for screen readers; the .initials span is aria-hidden since the accessible name comes from aria-label. Image avatars rely on <img alt> for their accessible name.

func AvatarGroup 

func AvatarGroup() templ.Component

AvatarGroup renders an overlapping avatar group container.

func AvatarGroupComponent 

func AvatarGroupComponent(props AvatarGroupProps) templ.Component

AvatarGroupComponent renders an overlapping avatar group with full Props control.

func AvatarImage 

func AvatarImage(src string, alt string, size string) templ.Component

AvatarImage renders an image-based avatar.

func AvatarSmall 

func AvatarSmall(name string) templ.Component

AvatarSmall renders a small initials avatar.

func Badge 

func Badge(label string, variant string) templ.Component

Badge renders a badge with a label and variant (convenience wrapper).

func BadgeComponent 

func BadgeComponent(props BadgeProps) templ.Component

BadgeComponent renders a badge with full Props control.

func BadgeSmall 

func BadgeSmall(label string, variant string) templ.Component

BadgeSmall renders a compact badge for inline use in headings and tables. 

func Breadcrumbs(items []BreadcrumbItem) templ.Component

Breadcrumbs renders a breadcrumb navigation (convenience wrapper). 

func BreadcrumbsComponent(props BreadcrumbsProps) templ.Component

BreadcrumbsComponent renders a breadcrumb navigation with full Props control.

func Button 

func Button(label string, variant string) templ.Component

Button renders a button element (convenience wrapper).

func ButtonComponent 

func ButtonComponent(props ButtonProps) templ.Component

ButtonComponent renders a button with full Props control and children slot.

func ButtonGroup 

func ButtonGroup() templ.Component

ButtonGroup renders a button group container.

func ButtonGroupComponent 

func ButtonGroupComponent(props ButtonGroupProps) templ.Component

ButtonGroupComponent renders a button group with full Props control. 

func ButtonLink(href string, label string, variant string) templ.Component

ButtonLink renders an anchor styled as a button.

func Card 

func Card(scheme string) templ.Component

Card renders a basic card with children.

func CardComponent 

func CardComponent(props CardProps) templ.Component

CardComponent renders a card with full Props control and children slot. 

func CardLink(href string, scheme string) templ.Component

CardLink renders a clickable card as an anchor tag.

func CardWithHeader 

func CardWithHeader(props CardProps) templ.Component

CardWithHeader renders a card with a distinct header section. Unlike CardComponent, the outer div uses "card" without "box stack" -- the header and body are separate boxes to allow independent padding. HeadingLevel controls the heading tag ("h3" default, "h2", "h4", etc.).

func CardWithMedia added in v0.1.5 

func CardWithMedia(props CardProps, media templ.Component) templ.Component

CardWithMedia renders a card with a media area (image, avatar, etc.) and content body. The media component renders inside a <figure>; children render inside a .box.

func Checklist 

func Checklist(items []ChecklistItemProps) templ.Component

Checklist renders a list of checklist items (convenience wrapper).

func ChecklistComponent added in v0.2.0 

func ChecklistComponent(props ChecklistProps) templ.Component

ChecklistComponent renders a list of checklist items with full Props control.

func ChecklistItem 

func ChecklistItem(props ChecklistItemProps) templ.Component

ChecklistItem renders an individual checklist item.

func Comment 

func Comment(author string, body string, date string, badge string) templ.Component

Comment renders a single comment (convenience wrapper).

func CommentComponent 

func CommentComponent(props CommentProps) templ.Component

CommentComponent renders a comment with full Props control.

func Dialog 

func Dialog(title string) templ.Component

Dialog renders a dialog (convenience wrapper).

func DialogComponent 

func DialogComponent(props DialogProps) templ.Component

DialogComponent renders a native dialog element with full Props control.

func Divider 

func Divider(variant string) templ.Component

Divider renders a horizontal rule (convenience wrapper).

func DividerComponent 

func DividerComponent(props DividerProps) templ.Component

DividerComponent renders a horizontal rule with full Props control. 

func Dropdown(variant string) templ.Component

Dropdown renders a dropdown container (convenience wrapper). 

func DropdownComponent(props DropdownProps) templ.Component

DropdownComponent renders a dropdown container with full Props control. 

func DropdownDivider() templ.Component

DropdownDivider renders a separator between menu items. 

func DropdownItem(props DropdownItemProps) templ.Component

DropdownItem renders a menu item as a link or button. 

func DropdownMenu() templ.Component

DropdownMenu renders the dropdown menu list (convenience wrapper). 

func DropdownMenuComponent(props DropdownMenuProps) templ.Component

DropdownMenuComponent renders the dropdown menu with full Props control. 

func DropdownTrigger(label string, buttonVariant string) templ.Component

DropdownTrigger renders a button that opens the dropdown (convenience wrapper). 

func DropdownTriggerComponent(props DropdownTriggerProps) templ.Component

DropdownTriggerComponent renders a trigger button with full Props control.

func EmptyState added in v0.1.5 

func EmptyState(message string) templ.Component

EmptyState renders a simple empty state message (convenience wrapper).

func EmptyStateComponent added in v0.1.5 

func EmptyStateComponent(props EmptyStateProps) templ.Component

EmptyStateComponent renders a centered empty state message with full Props control.

func InfoCard 

func InfoCard(title, header string) templ.Component

InfoCard renders an info card (convenience wrapper).

func InfoCardComponent added in v0.2.0 

func InfoCardComponent(props InfoCardProps) templ.Component

InfoCardComponent renders an info card with full Props control.

func KanbanBoard 

func KanbanBoard(id string) templ.Component

KanbanBoard wraps columns in a horizontally scrolling reel (convenience wrapper).

func KanbanBoardComponent 

func KanbanBoardComponent(props KanbanBoardProps) templ.Component

KanbanBoardComponent renders a kanban board with full Props control.

func KanbanCard 

func KanbanCard(href string) templ.Component

KanbanCard renders a clickable card that links to a detail page (convenience wrapper).

func KanbanCardComponent 

func KanbanCardComponent(props KanbanCardProps) templ.Component

KanbanCardComponent renders a clickable card with full Props control.

func KanbanColumn 

func KanbanColumn(title string) templ.Component

KanbanColumn renders a titled column for grouping cards (convenience wrapper).

func KanbanColumnComponent 

func KanbanColumnComponent(props KanbanColumnProps) templ.Component

KanbanColumnComponent renders a titled column with full Props control.

func Loader 

func Loader(label string, variant string) templ.Component

Loader renders a loading indicator (convenience wrapper).

func LoaderComponent 

func LoaderComponent(props LoaderProps) templ.Component

LoaderComponent renders a loading indicator with full Props control.

func Pagination 

func Pagination(props PaginationProps) templ.Component

Pagination renders a pagination nav with previous/next and page numbers.

func ProgressBar 

func ProgressBar(progress int, variant string, label string) templ.Component

ProgressBar renders a progress bar (convenience wrapper).

func ProgressBarComponent 

func ProgressBarComponent(props ProgressBarProps) templ.Component

ProgressBarComponent renders a progress bar with full Props control.

func ProgressBarThick 

func ProgressBarThick(progress int, label string) templ.Component

ProgressBarThick is a convenience wrapper for thick progress bars.

func ProgressChecklist 

func ProgressChecklist(title string, completed, total int, items []ChecklistItemProps, footerText string) templ.Component

ProgressChecklist renders a checklist with progress bar (convenience wrapper).

func ProgressChecklistComponent 

func ProgressChecklistComponent(props ProgressChecklistProps) templ.Component

ProgressChecklistComponent renders a checklist with progress bar.

func StackedBar 

func StackedBar(props StackedBarProps) templ.Component

StackedBar renders a stacked bar chart showing distribution breakdown.

func StatCardComponent added in v0.2.0 

func StatCardComponent(props StatCardProps) templ.Component

StatCardComponent renders an individual stat card with full Props control. When Href is provided, the entire card is clickable. When Status is provided, a status indicator is shown. When Progress > 0, a progress bar is rendered below the detail lines.

func StatCardGroup 

func StatCardGroup(class string) templ.Component

StatCardGroup renders a semantically correct group of stat cards (convenience wrapper).

func StatCardGroupComponent 

func StatCardGroupComponent(props StatCardGroupProps) templ.Component

StatCardGroupComponent renders a group of stat cards with full Props control. Uses a single <dl> wrapper for proper definition list semantics. 

func StatCardLink(label, value, detail, href, scheme string) templ.Component

StatCardLink is a convenience wrapper for linked stat cards.

func StatCardSimple 

func StatCardSimple(label, value, detail, scheme string) templ.Component

StatCardSimple is a convenience wrapper for non-linked stat cards.

func StatusIndicator 

func StatusIndicator(label string, variant string) templ.Component

StatusIndicator renders a status indicator (convenience wrapper).

func StatusIndicatorComponent 

func StatusIndicatorComponent(props StatusIndicatorProps) templ.Component

StatusIndicatorComponent renders a status indicator with full Props control. When Label is empty, the dot is decorative and gets aria-hidden="true".

func SubmitButton 

func SubmitButton(label string, variant string) templ.Component

SubmitButton renders a submit button.

func Table 

func Table(props TableProps) templ.Component

Table renders a table element with optional variant styling. Content (thead, tbody, tr, th, td) is passed as children.

func Tabs 

func Tabs(props TabsProps) templ.Component

Tabs renders a link-based tab navigation.

func Timeline 

func Timeline(class string) templ.Component

Timeline renders an ordered timeline list.

func TimelineItem 

func TimelineItem(props TimelineItemProps) templ.Component

TimelineItem renders a single timeline entry.

func TimelineMilestone added in v0.1.3 

func TimelineMilestone(label string) templ.Component

TimelineMilestone renders a milestone divider (year, phase, stage).

func Toast 

func Toast(message string, variant string) templ.Component

Toast renders a toast notification (convenience wrapper).

func ToastComponent 

func ToastComponent(props ToastProps) templ.Component

ToastComponent renders a toast notification with full Props control. Error toasts use role="alert" (assertive); others use role="status" (polite).

Types

type ActivityCardProps 

type ActivityCardProps struct {
	Title        string           // Main title/description
	Href         string           // Link URL
	Description  string           // Optional: supporting text below the title
	BadgeLabel   string           // Optional: badge text (e.g., "Active", "Pending")
	BadgeVariant string           // Badge variant (e.g., "active", "pending", "draft")
	Timestamp    string           // Optional: formatted date string
	Size         string           // Text size: "sm", "base", "lg", etc. Default: "sm"
	Align        string           // Text alignment: "center", "left", "right". Default: ""
	Class        string           // Additional CSS classes from consumer
	Attrs        templ.Attributes // Catch-all: data-*, aria-*, etc.
}

ActivityCardProps holds configuration for an activity card.

type AvatarGroupProps 

type AvatarGroupProps struct {
	Class string           // Additional CSS classes from consumer
	Attrs templ.Attributes // Catch-all: data-*, aria-*, etc.
}

AvatarGroupProps holds configuration for an avatar group component.

type AvatarProps 

type AvatarProps struct {
	Name        string           // Person's name (used for alt text and initials fallback)
	Src         string           // Image URL; if empty, initials are shown
	Size        string           // CSS modifier: "xs", "sm", "lg", "xl", "2xl", "3xl", "4xl"
	Square      bool             // Use square shape instead of circle
	AspectRatio string           // Aspect ratio: "square", "4-3", "video", "3-2", "2-1", "21-9"
	ShowName    bool             // Whether to display the name text alongside the avatar
	Class       string           // Additional CSS classes from consumer
	Attrs       templ.Attributes // Catch-all: data-*, aria-*, etc.
}

AvatarProps holds configuration for an avatar component.

type BadgeProps 

type BadgeProps struct {
	Label   string           // Display text
	Variant string           // CSS modifier (e.g., "blue", "green", "active", "success")
	Size    string           // "small" or "large" for size variants, empty for default
	Class   string           // Additional CSS classes from consumer
	Attrs   templ.Attributes // Catch-all: data-*, aria-*, etc.
}

BadgeProps holds configuration for a badge component. 

type BreadcrumbItem struct {
	Label string // Display text
	Href  string // Link URL; empty for current page
}

BreadcrumbItem represents a single breadcrumb link. 

type BreadcrumbsProps struct {
	Items []BreadcrumbItem // Breadcrumb items (last item with empty Href is current page)
	Class string           // Additional CSS classes from consumer
	Attrs templ.Attributes // Catch-all: data-*, aria-*, etc.
}

BreadcrumbsProps holds configuration for a breadcrumbs navigation.

type ButtonGroupProps 

type ButtonGroupProps struct {
	Label string           // Accessible label for the group (used as aria-label)
	Class string           // Additional CSS classes from consumer
	Attrs templ.Attributes // Catch-all: data-*, aria-*, etc.
}

ButtonGroupProps holds configuration for a button group component.

type ButtonProps 

type ButtonProps struct {
	Variant  string           // CSS modifier (e.g., "accent", "small", "large")
	Type     string           // HTML type attribute (default: "button")
	Disabled bool             // Whether button is disabled
	Class    string           // Additional CSS classes from consumer
	Attrs    templ.Attributes // Catch-all: data-on-click, data-signals, aria-*, etc.
}

ButtonProps holds configuration for a button component.

type CardProps 

type CardProps struct {
	Title        string           // Header title (used by CardWithHeader)
	HeadingLevel string           // Heading tag: "h3" (default), "h2", "h4", etc.
	Scheme       string           // Color scheme: "subtle", "dark", "accent", etc.
	Href         string           // If set, renders as clickable <a> tag
	Class        string           // Additional CSS classes from consumer
	Attrs        templ.Attributes // Catch-all: data-*, aria-*, etc.
}

CardProps holds configuration for a generic card component.

type ChecklistItemProps 

type ChecklistItemProps struct {
	Label     string           // The task label
	Href      string           // Optional: link for pending items
	Completed bool             // Whether the item is completed
	Class     string           // Additional CSS classes from consumer
	Attrs     templ.Attributes // Catch-all: data-*, aria-*, etc.
}

ChecklistItemProps holds data for a checklist item.

type ChecklistProps added in v0.2.0 

type ChecklistProps struct {
	Items []ChecklistItemProps // The checklist items
	Size  string               // Text size: "sm", "base", "lg", etc. Default: "sm"
	Align string               // Text alignment: "center", "left", "right". Default: ""
	Class string               // Additional CSS classes from consumer
	Attrs templ.Attributes     // Catch-all: data-*, aria-*, etc.
}

ChecklistProps holds configuration for a checklist component.

type CommentProps 

type CommentProps struct {
	Author string           // Comment author name
	Body   string           // Comment body text
	Date   string           // Date string (formatted via DateShort)
	Badge  string           // Optional badge label (empty to omit)
	Size   string           // Text size: "sm", "base", "lg", etc. Default: "sm"
	Align  string           // Text alignment: "center", "left", "right". Default: ""
	Class  string           // Additional CSS classes from consumer
	Attrs  templ.Attributes // Catch-all: data-*, aria-*, etc.
}

CommentProps holds configuration for a comment component.

type DialogProps 

type DialogProps struct {
	Title        string           // Dialog title
	HeadingLevel string           // Heading tag: "h2", "h3", etc. (default: "h2")
	Class        string           // Additional CSS classes from consumer
	Attrs        templ.Attributes // Catch-all: data-*, aria-*, etc.
}

DialogProps holds configuration for a dialog component.

type DividerProps 

type DividerProps struct {
	Variant string           // "hairline", "semibold", "bold", "extrabold", "heavy", "accent", "dotted", "dashed"
	Class   string           // Additional CSS classes from consumer
	Attrs   templ.Attributes // Catch-all: data-*, aria-*, etc.
}

DividerProps holds configuration for a divider component. 

type DropdownItemProps struct {
	Label    string           // Display text
	Href     string           // Link URL; if empty, renders as button
	Disabled bool             // Whether the item is disabled
	Attrs    templ.Attributes // Catch-all: data-*, aria-*, etc.
}

DropdownItemProps holds configuration for a dropdown menu item. 

type DropdownMenuProps struct {
	ID    string           // Element ID (referenced by trigger's aria-controls)
	Class string           // Additional CSS classes from consumer
	Attrs templ.Attributes // Catch-all: data-*, aria-*, etc.
}

DropdownMenuProps holds configuration for a dropdown menu list. 

type DropdownProps struct {
	Variant string           // "end", "up"
	Class   string           // Additional CSS classes from consumer
	Attrs   templ.Attributes // Catch-all: data-*, aria-*, etc.
}

DropdownProps holds configuration for a dropdown component. 

type DropdownTriggerProps struct {
	Label         string           // Button text
	ButtonVariant string           // CSS modifier for button styling
	MenuID        string           // ID of the controlled menu (for aria-controls)
	Expanded      bool             // Whether the menu is currently open
	Class         string           // Additional CSS classes from consumer
	Attrs         templ.Attributes // Catch-all: data-*, aria-*, etc.
}

DropdownTriggerProps holds configuration for a dropdown trigger button.

type EmptyStateProps added in v0.1.5 

type EmptyStateProps struct {
	Message     string           // Primary message (e.g., "No proposals yet")
	Detail      string           // Optional secondary text
	ActionHref  string           // Optional CTA link URL
	ActionLabel string           // Optional CTA link text
	Size        string           // Text size: "sm", "base", "lg", etc. Default: ""
	Align       string           // Text alignment: "center", "left", "right". Default: "center"
	Class       string           // Additional CSS classes from consumer
	Attrs       templ.Attributes // Catch-all: data-*, aria-*, etc.
}

EmptyStateProps holds configuration for an empty state component.

type InfoCardProps 

type InfoCardProps struct {
	Header     string           // Category label (e.g., "Upcoming")
	Title      string           // Main title
	Href       string           // Link URL
	Subtitle   string           // Secondary info (e.g., date/time)
	AvatarName string           // Optional: name for avatar (will show initials)
	AvatarText string           // Optional: text next to avatar
	Scheme     string           // Color scheme (e.g., "subtle")
	Size       string           // Text size: "sm", "base", "lg", etc. Default: "sm"
	Align      string           // Text alignment: "center", "left", "right". Default: ""
	Class      string           // Additional CSS classes from consumer
	Attrs      templ.Attributes // Catch-all: data-*, aria-*, etc.
}

InfoCardProps holds configuration for an info card component.

type KanbanBoardProps 

type KanbanBoardProps struct {
	ID    string           // Element ID for targeting
	Class string           // Additional CSS classes from consumer
	Attrs templ.Attributes // Catch-all: data-*, aria-*, etc.
}

KanbanBoardProps holds configuration for a kanban board component.

type KanbanCardProps 

type KanbanCardProps struct {
	Href  string           // Link URL for the detail page
	Class string           // Additional CSS classes from consumer
	Attrs templ.Attributes // Catch-all: data-*, aria-*, etc.
}

KanbanCardProps holds configuration for a kanban card component.

type KanbanColumnProps 

type KanbanColumnProps struct {
	Title        string           // Column title
	HeadingLevel string           // Heading tag: "h2", "h3", etc. (default: "h2")
	TitleSize    string           // Title text size: "sm", "base", etc. Default: "sm"
	Align        string           // Text alignment: "center", "left", "right". Default: ""
	Class        string           // Additional CSS classes from consumer
	Attrs        templ.Attributes // Catch-all: data-*, aria-*, etc.
}

KanbanColumnProps holds configuration for a kanban column component.

type LoaderProps 

type LoaderProps struct {
	Label   string           // Accessible label for screen readers (e.g., "Loading members")
	Variant string           // CSS modifier for loading animation style
	Class   string           // Additional CSS classes from consumer
	Attrs   templ.Attributes // Catch-all: data-*, aria-*, etc.
}

LoaderProps holds configuration for a loader component.

type PaginationProps 

type PaginationProps struct {
	CurrentPage int              // Current active page (1-based)
	TotalPages  int              // Total number of pages
	BaseURL     string           // URL pattern — page number is appended as ?page=N
	Class       string           // Additional CSS classes from consumer
	Attrs       templ.Attributes // Catch-all: data-*, aria-*, etc.
}

PaginationProps holds configuration for a pagination component.

type ProgressBarProps 

type ProgressBarProps struct {
	Progress int              // 0-100 percentage value
	Variant  string           // CSS modifier: "thick" for thicker bar, empty for default
	Label    string           // Accessible label for screen readers
	Class    string           // Additional CSS classes from consumer
	Attrs    templ.Attributes // Catch-all: data-*, aria-*, etc.
}

ProgressBarProps holds configuration for a progress bar component.

type ProgressChecklistProps 

type ProgressChecklistProps struct {
	Title        string               // Section title
	HeadingLevel string               // Heading tag: "h2", "h3", etc. (default: "h2")
	Completed    int                  // Number of completed items
	Total        int                  // Total number of items
	Items        []ChecklistItemProps // The checklist items
	FooterText   string               // Optional footer text
	Class        string               // Additional CSS classes from consumer
	Attrs        templ.Attributes     // Catch-all: data-*, aria-*, etc.
}

ProgressChecklistProps holds configuration for a checklist with progress bar.

type StackedBarProps 

type StackedBarProps struct {
	Segments []StackedBarSegment // Bar segments
	Label    string              // Accessible label for the whole bar
	Class    string              // Additional CSS classes from consumer
	Attrs    templ.Attributes    // Catch-all: data-*, aria-*, etc.
}

StackedBarProps holds configuration for a stacked bar component.

type StackedBarSegment 

type StackedBarSegment struct {
	Percent int    // Width percentage (0-100)
	Variant string // "primary", "secondary", "muted"
	Label   string // Accessible label for the segment
}

StackedBarSegment represents a single segment in a stacked bar.

type StatCardGroupProps 

type StatCardGroupProps struct {
	Class string           // Additional CSS classes from consumer
	Attrs templ.Attributes // Catch-all: data-*, aria-*, etc.
}

StatCardGroupProps holds configuration for a stat card group.

type StatCardProps 

type StatCardProps struct {
	Label     string           // The metric label (e.g., "Meetings this year")
	Value     string           // The primary value (e.g., "3")
	Detail    string           // Additional context (e.g., "1 General, 2 Board")
	SubDetail string           // Optional secondary detail
	Href      string           // Optional link URL - if set, card becomes clickable
	Status    string           // Optional status: "success", "warning", "error"
	Progress  int              // Optional progress bar (0-100). 0 = no bar. Use with percentage values.
	Scheme    string           // Color scheme: "subtle", "accent", etc.
	Size      string           // Text size for the card: "sm", "base", "lg", etc. Default: "sm"
	ValueSize string           // Text size for the value: "2xl", "4xl", "6xl", etc. Default: ""
	Align     string           // Text alignment: "center", "left", "right". Default: ""
	Class     string           // Extra utility classes on the outer element
	Attrs     templ.Attributes // Catch-all: data-*, aria-*, etc.
}

StatCardProps holds configuration for a stat card component.

type StatusIndicatorProps 

type StatusIndicatorProps struct {
	Label   string           // Text label; if empty, renders as dot-only (use Attrs for aria-label)
	Variant string           // Semantic: "success", "warning", "error"; Color: "green", "yellow", "orange", "red", "blue"
	Size    string           // "small", "large"
	Class   string           // Additional CSS classes from consumer
	Attrs   templ.Attributes // Catch-all: data-*, aria-*, etc.
}

StatusIndicatorProps holds configuration for a status indicator component.

type TabProps 

type TabProps struct {
	Label  string // Tab display text
	Href   string // Link URL (for link-based tabs)
	Active bool   // Whether this tab is currently active
}

TabProps holds configuration for a single tab item.

type TableProps 

type TableProps struct {
	Variant string           // "bordered", "striped", "lined"
	Class   string           // Additional CSS classes from consumer
	Attrs   templ.Attributes // Catch-all: data-*, aria-*, etc.
}

TableProps holds configuration for a table component.

type TabsProps 

type TabsProps struct {
	Items   []TabProps       // Tab items
	Variant string           // CSS modifier: "pills" for pill style
	Class   string           // Additional CSS classes from consumer
	Attrs   templ.Attributes // Catch-all: data-*, aria-*, etc.
}

TabsProps holds configuration for a tabs component.

type TimelineItemProps 

type TimelineItemProps struct {
	Date         string           // Date text (e.g., "March 2024")
	Title        string           // Item title
	Content      string           // Optional description text
	Badge        string           // Optional badge label
	BadgeVariant string           // Badge variant
	Status       string           // Optional data-status: "success", "warning", "error"
	Class        string           // Additional CSS classes from consumer
	Attrs        templ.Attributes // Catch-all: data-*, aria-*, etc.
}

TimelineItemProps holds configuration for a timeline item.

type ToastProps 

type ToastProps struct {
	Message     string           // Toast message text
	Variant     string           // CSS modifier: "success", "error", "warning", "info"
	Dismissible bool             // Whether to show a close button
	Class       string           // Additional CSS classes from consumer
	Attrs       templ.Attributes // Catch-all: data-*, aria-*, etc.
}

ToastProps holds configuration for a toast component.

Source Files

View all Source files

Jump to

Keyboard shortcuts

? : This menu
/ : Search site
f or F : Jump to
y or Y : Canonical URL
go.dev uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic. Learn more.