variant | CardVariant | No | 'outlined' | Visual container treatment. |
interactive | boolean | No | false | Enables the actionable treatment: state layer, pointer cursor, and a visible focus outline. Framework adapters also apply it whenever `href` is provided. |
children | ReactNode | No | — | Custom card content; layout is fully owned by the consumer. |
className | string | ClassNameComponent<CardInterface> | Partial<Record<"card" | "stateLayer", string>> | No | — | Classes or state-aware element classes applied through the shared style contract. |
href | string | No | — | Navigation destination; switches the native element from div to link. |
ref | Ref<HTMLDivElement> | Ref<HTMLAnchorElement> | No | — | Ref forwarded to the native div element. Ref forwarded to the native anchor element. |