ChartEmptyState

Usage

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

<ChartEmptyState
  label="ChartEmpty"
  title="title"
  description="description"
  value="value"
  variant="default"
/>

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

Props and attributes

Slots

• default

Events

This component does not declare a custom event.

Source contract

Installed source: components/ChartEmptyState.wrn

component ChartEmptyState {
  props {
    label = "ChartEmpty" 
    title = ""
    description = ""
    value = ""
    variant = "default"
    class = ""
  }
  view {
        <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}">
        <strong data-show="title || label">{title || label}</strong>
        <span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span>
        <p data-show="description">{description}</p>
        <slot />
        </aside>
    }
}