Bus UI Data Display

RecordList handles ordered record summaries.

Use it for a sequence of records that need title, meta, detail, and badge fields, plus a deliberate empty state when there is nothing to show.

Public API

RecordList(p RecordListProps) gx.Node

The input model is RecordListProps with RecordListItem entries. The helper returns the rendered HTML string.

When to use it

Use RecordList when the list is the primary shape, not a table. It is a good fit for compact queues, recent activity, and short audit summaries.

Live demo

Loading RecordList demo...

Example

Go API

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

node := ui.RecordList(ui.RecordListProps{
  Items: []ui.RecordListItem{
    ui.RecordListItemSummary("June receipts", "3 files", "Prepared for accounting review."),
  },
  EmptyTitle:  "No receipts yet",
  EmptyDetail: "Upload files to build the list.",
})

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 RecordListExample() gx.Node {
  return <ul class="record-list">
  <li>
    <h3><Text value={"June receipts"}></Text></h3>
    <p><Text value={"3 files, ready"}></Text></p>
  </li>
</ul>
}

Use the public pkg/ui facade for this ordered summary list.