IgcCardActionsComponent

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

Slots: start — Renders items at the beginning of the actions area.; default — Renders items in the center of the actions area.; end — Renders items at the end of the actions area.

Example

<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>

Constructors

new IgcCardActionsComponent(): IgcCardActionsComponent

Defined in src/components/card/card.actions.ts:39

Returns IgcCardActionsComponent

Properties

orientation

The orientation of the actions layout.

orientation: ContentOrientation = 'horizontal'

Defined in src/components/card/card.actions.ts:51

styles

Array of styles to apply to the element. The styles should be defined using the css tag function, via constructible stylesheets, or imported from native CSS module scripts.

Note on Content Security Policy:

Element styles are implemented with <style> tags when the browser doesn't support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include 'unsafe-inline' or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page's HTML, before loading application code:

styles: CSSResult[]

Defined in src/components/card/card.actions.ts:32

tagName

tagName: "igc-card-actions" = 'igc-card-actions'

Defined in src/components/card/card.actions.ts:31

Methods

register

register(): void

Defined in src/components/card/card.actions.ts:35

Example

Constructors