Skip to main content

<st-card>

JSON type: Card

A surfaced container — content goes in the default slot. Attributes: variant, padding, elevation, hoverable, inverted; a click handler is just a native click listener on the element. padding takes none | small | medium | large; elevation takes none | sm | md | lg.

Usage​

import '@sankhyatronics/sankhya-cms/card'; // registers <st-card>

Properties​

PropertyAttributeTypeDefaultDescription
variantvariant'default' | 'bordered''default'
paddingpadding'none' | 'small' | 'medium' | 'large''medium'
elevationelevation'none' | 'sm' | 'md' | 'lg''sm'
hoverablehoverablebooleanfalse
invertedinvertedbooleanfalse

See the live examples in Storybook.