Clickable Card · astryx-svelte

Clickable Card @astryx-svelte/core v0.3.0 · ClickableCard

Usage

An interactive card for navigation or action targets. Nested interactive elements work independently.

ts
 
import { ClickableCard } from '@astryx-svelte/core';

Guidance	Practices
Do	Use for cards that navigate to a detail page or trigger a single action.
Do	Nest buttons or links freely inside; they handle their own events.
Don't	Use for toggling selection; use SelectableCard for that.

Common configurations, variations, and states.

ClickableCard — Elevated

A clickable card raised with elevation="med" so the shadow signals the whole surface is interactive.

ClickableCardWithNestedButton

A product card that navigates on click but has an independent "Add to cart" button inside.