data component

TrustBadgeList

Reusable trust badge list component.

@wrnexus/ui 0.2.675 props1 slots0 events

Usage

Components are auto-discovered. Use the component directly in any .wrn view:

<TrustBadgeList
  title="title"
  description="description"
  empty="false"
  emptyText="No items available."
/>

Legacy mount name: data-component="TrustBadgeList".

Props and attributes

Prop	Type	Requirement	Default
`title`	`string`	Optional	`""`
`description`	`string`	Optional	`""`
`empty`	`boolean`	Optional	`false`
`emptyText`	`string`	Optional	`"No items available."`
`class`	`string`	Optional	`""`

Slots

default

Events

This component does not declare a custom event.

Source contract

Installed source: components/TrustBadgeList.wrn

component TrustBadgeList {
  props {
    title = ""
    description = ""
    empty = false
    emptyText = "No items available."
    class = ""
  }
  view {
        <section class="wire-catalog-collection {class}">
      {#if title || description}<header>{#if title}<h2>{title}</h2>{/if}{#if description}<p>{description}</p>{/if}</header>{/if}
      {#if empty}<p role="status" class="wire-muted">{emptyText}</p>{:else}<div role="list" class="wire-catalog-collection__items">
        <slot />
        </div>{/if}
    </section>
    }
}