finpro
Version:
34 lines • 1.24 kB
TypeScript
import { CSSResultGroup, TemplateResult } from 'lit';
import FinproElement from '../../internals/finpro-element';
export declare type CardType = 'primary' | 'secondary' | 'tertiary' | 'alternative' | 'featured' | 'warning' | 'success' | 'danger';
export declare type CardBorderRadius = 'n' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | 'pill';
/**
* @tag fp-card
* @summary Cards can be used to group related subjects in a container.
*
* @csspart base - The component's base wrapper.
* @csspart image - The container that wraps the card's image.
* @csspart header - The container that wraps the card's header.
* @csspart body - The container that wraps the card's main content.
* @csspart footer - The container that wraps the card's footer.
*/
export default class FpCard extends FinproElement {
static get styles(): CSSResultGroup;
/**
* Sets the card variant
*/
variant: CardType;
/**
* Sets the border radius
*/
borderRadius: CardBorderRadius;
private readonly hasSlotController;
get _hasDefaultSlot(): boolean;
render(): TemplateResult;
}
declare global {
interface HTMLElementTagNameMap {
'fp-card': FpCard;
}
}
//# sourceMappingURL=fp-card.d.ts.map