content component

ChannelCard

Reusable channel card component.

@wrnexus/ui 0.2.675 props1 slots0 events

Usage

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

<ChannelCard
  title="title"
  description="description"
  href="href"
  icon="icon-[lucide--radio-tower]"
/>

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

Props and attributes

Prop	Type	Requirement	Default
`title`	`string`	Optional	`""`
`description`	`string`	Optional	`""`
`href`	`string`	Optional	`""`
`icon`	`string`	Optional	`"icon-[lucide--radio-tower]"`
`class`	`string`	Optional	`""`

Slots

default

Events

This component does not declare a custom event.

Source contract

Installed source: components/ChannelCard.wrn

component ChannelCard {
  props {
    title = ""
    description = ""
    href = ""
    icon = "icon-[lucide--radio-tower]"
    class = ""
  }
  view {
        <article class="wire-card wire-catalog-card wire-catalog-card--channel {class}">
        <span class="wire-catalog-card__icon">
        <span class="{icon} size-5" aria-hidden="true">
        </span>
        </span>{#if title}<h3>{title}</h3>{/if}{#if description}<p>{description}</p>{/if}<slot />{#if href}<a href="{href}" class="wire-catalog-card__link">
        <span class="wire-visually-hidden">Open {title}</span>
        </a>{/if}</article>
    }
}