core component

card

Reusable card component.

@wrnexus/ui 0.3.14 props1 slots0 events

Usage

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

<card
  variant="default"
  padding="md"
  interactive="false"
/>

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

Props and attributes

Prop	Type	Requirement	Default
`variant`	`string`	Optional	`"default"`
`padding`	`string`	Optional	`"md"`
`interactive`	`boolean`	Optional	`false`
`className`	`string`	Optional	`""`

Slots

default

Events

This component does not declare a custom event.

Source contract

Installed source: components/card.wrn

component Card {
  props {
    variant = "default"
    padding = "md"
    interactive = false
    className = ""
  }
  view {
        <article class="wire-card wire-card--{variant} wire-card--padding-{padding} {interactive ? 'wire-card--interactive' : ''} {className}">
        <slot />
        </article>
    }
}