Bus UI Data Display

SummaryItem renders one compact record summary.

Use it for short cards and list rows that need a title, a meta line, an optional detail, and an optional badge without the overhead of a table.

Public API

SummaryItem(p SummaryItemProps) gx.Node

The input model is SummaryItemProps. The helper accepts Title/Meta or the Label/Value aliases, and it returns HTML as a string.

When to use it

Use SummaryItem when you want one self-contained summary surface instead of a list of rows. It is the building block behind RecordList.

Live demo

Loading SummaryItem demo...

Example

Go API

import (
  gx "github.com/busdk/bus-gx/pkg/gx"
  ui "github.com/busdk/bus-ui/pkg/ui"
)

node := ui.SummaryItem(ui.SummaryItemProps{
  Title: "June receipts",
  Meta:  "3 files",
  Detail: "Prepared for accounting review.",
  Badge:  "Ready",
})

html, err := gx.RenderHTML(node)

.gx source

In .gx source, author the visible component state as GX markup. Keep the Go API block above for the package helper or render-boundary call.

package busuiexamples

import gx "github.com/busdk/bus-gx/pkg/gx"

func SummaryItemExample() gx.Node {
  return <article class="summary-item">
  <h3><Text value={"Accepted rows"}></Text></h3>
  <strong><Text value={"12"}></Text></strong>
</article>
}

Use the public pkg/ui facade for this compact summary helper.