Skip to main content
cngx-src documentation

CngxCardActions

Directivev0.1.0

projects/common/card/card-actions.directive.ts

Import#

import { CngxCardActions } from '@cngx/common/card'

Description#

Structural slot directive for the card actions region.

Contains independent action buttons within an interactive card. Actions are separated from the card body by a divider.

<cngx-card>
  <div cngxCardActions align="end">
    <button>Edit</button>
    <button>Delete</button>
  </div>
</cngx-card>

https://cngxjs.github.io/cngx/examples/#/common/card/action-card-with-selection

Metadata#

Host#

Index#

Inputs#

align#"start" | "end"
input()

Horizontal alignment of actions.

default 'start'

HostBindings#

BindingExpression
[class.cngx-card__actions--end]align() === "end"