igniteui-webcomponents
Version:
Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
41 lines (40 loc) • 1.3 kB
TypeScript
import { LitElement } from 'lit';
import type { ContentOrientation } from '../types.js';
/**
* A container component for card action items such as buttons or icon buttons.
* Actions can be positioned at the start, center, or end of the container.
*
* @element igc-card-actions
*
* @slot start - Renders items at the beginning of the actions area.
* @slot - Renders items in the center of the actions area.
* @slot end - Renders items at the end of the actions area.
*
* @example
* ```html
* <igc-card-actions>
* <igc-button slot="start" variant="flat">Like</igc-button>
* <igc-button slot="start" variant="flat">Share</igc-button>
* <igc-icon-button slot="end" name="more_vert"></igc-icon-button>
* </igc-card-actions>
* ```
*/
export default class IgcCardActionsComponent extends LitElement {
static readonly tagName = "igc-card-actions";
static styles: import("lit").CSSResult[];
static register(): void;
constructor();
/**
* The orientation of the actions layout.
*
* @attr orientation
* @default 'horizontal'
*/
orientation: ContentOrientation;
protected render(): import("lit-html").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'igc-card-actions': IgcCardActionsComponent;
}
}