Ignite UI for Angular

All
  • Public
  • Public/Protected
  • All

Class IgxActionStripComponent

Action Strip provides templatable area for one or more actions.

Igx Module

IgxActionStripModule

Igx Theme

igx-action-strip-theme

Igx Keywords

action, strip, actionStrip, pinning, editing

Igx Group

Data Entry & Display

Remarks

The Ignite UI Action Strip is a container, overlaying its parent container, and displaying action buttons with action applicable to the parent component the strip is instantiated or shown for.

Example

<igx-action-strip #actionStrip>
    <igx-icon (click)="doSomeAction()"></igx-icon>
</igx-action-strip>

Hierarchy

Hierarchy

  • DisplayDensityBase
    • IgxActionStripComponent

Implements

  • IgxActionStripToken
  • AfterContentInit
  • AfterViewInit

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

context

context: any

Sets the context of an action strip. The context should be an instance of a @Component, that has element property. This element will be the placeholder of the action strip.

Example

<igx-action-strip [context]="cell"></igx-action-strip>

densityChanged

densityChanged: EventEmitter<IDensityChangedEventArgs> = ...

hidden

hidden: boolean = false

Gets/Sets the visibility of the Action Strip. Could be used to set if the Action Strip will be initially hidden.

Example

 <igx-action-strip [hidden]="false">

Accessors

displayDensity

resourceStrings

Methods

getComponentSizeStyles

  • getComponentSizeStyles(): "var(--ig-size, var(--ig-size-small))" | "var(--ig-size, var(--ig-size-medium))" | "var(--ig-size, var(--ig-size-large))"

  • Sets the --component-size CSS variable based on the value of Display Density

    Returns "var(--ig-size, var(--ig-size-small))" | "var(--ig-size, var(--ig-size-medium))" | "var(--ig-size, var(--ig-size-large))"

hide

show