@oslokommune/punkt-elements
Version:
Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo
65 lines (64 loc) • 2.2 kB
TypeScript
import { IPktTag } from '../tag';
import { PktElementWithSlot } from '../../base-elements/element-with-slot';
import { IPktHeading } from '../heading';
import { IAriaAttributes, TCardSkin, TLayout } from '../../shared-types';
export type { TCardSkin, TLayout };
export type TCardPadding = 'none' | 'default';
export type TCardImageShape = 'square' | 'round';
export type TCardTagPosition = 'top' | 'bottom';
export interface IPktCard {
ariaLabel?: IAriaAttributes['aria-label'];
metaLead?: string | null;
metaTrail?: string | null;
layout?: TLayout;
heading?: string;
headingLevel?: IPktHeading['level'];
image?: {
src: string;
alt: string;
};
imageShape?: TCardImageShape;
clickCardLink?: string | null;
openLinkInNewTab?: boolean | null;
borderOnHover?: boolean | null;
padding?: TCardPadding;
skin?: TCardSkin;
subheading?: string;
tagPosition?: TCardTagPosition;
tags?: (Omit<IPktTag, 'closeTag'> & {
text: string;
})[];
}
export declare class PktCard extends PktElementWithSlot implements IPktCard {
ariaLabel: string;
metaLead: string | null;
borderOnHover: boolean;
clickCardLink: IPktCard['clickCardLink'];
metaTrail: string | null;
layout: TLayout;
heading: string;
headinglevel: IPktHeading['level'];
image: {
src: string;
alt: string;
};
imageShape: TCardImageShape;
openLinkInNewTab: boolean;
padding: TCardPadding;
skin: TCardSkin;
subheading: string;
tagPosition: 'top' | 'bottom';
tags: (Omit<IPktTag, 'closeTag'> & {
text: string;
})[];
connectedCallback(): void;
render(): import('lit-html').TemplateResult<1>;
renderImage(): import('lit-html').TemplateResult<1>;
renderHeading(): import('lit-html').TemplateResult<1>;
renderLinkHeading(): import('lit-html').TemplateResult<1>;
renderSubheading(): import('lit-html').TemplateResult<1>;
renderHeader(): import('lit-html').TemplateResult<1>;
renderTags(): import('lit-html').TemplateResult<1>;
renderSlot(): import('lit-html').TemplateResult<1>;
renderMetadata(): import('lit-html').TemplateResult<1>;
}