ggc-library
    Preparing search index...

    Class GgcToolbarItemComponent

    Component voor een toolbar-item binnen de ggc-toolbar.

    Een ggc-toolbar-item representeert een knop in de toolbar die een actie uitvoert of content toont onder de toolbar.

    • Toont een knop met een icoon, label of SVG.
    • Kan content tonen onder de toolbar bij activatie.
    • Ondersteunt een clickCallback voor custom gedrag.
    • Emit een activeChanged event bij activatie/deactivatie.
    <ggc-toolbar-item
      [icon]="'fas fa-info-circle'"
      [label]="'Info'"
      [title]="'Toon informatie'"
      (activeChanged)="onActiveChanged($event)">
      <div>Inhoud die onder de toolbar verschijnt</div>
    </ggc-toolbar-item>
    Index

    Properties

    activeChanged activeId clickCallback icon label svg title toolbarItem toolbarItemTemplate

    Accessors

    active

    Methods

    handleClick onClick

    Properties

    activeChanged: EventEmitter<ToolbarItemComponentEvent> = ...

    EventEmitter die een ToolbarItemComponentEvent emit wanneer de actieve status verandert.

    activeId: string

    De ID van het actieve toolbar-item. Wordt gebruikt om te bepalen of dit item actief is.

    clickCallback: () => void

    Optionele callbackfunctie die wordt uitgevoerd bij een klik op de knop. Als deze is ingesteld, wordt handleClick niet uitgevoerd (actieve element wordt niet geupdatet en er wordt geen event ge-emit)

    icon: string

    Font Awesome icoonklasse die op de knop wordt weergegeven. Bijvoorbeeld: "fas fa-info-circle".

    label: string

    Labeltekst die op de knop wordt weergegeven.

    svg: string

    SVG-afbeelding die op de knop wordt weergegeven (alternatief voor icon).

    title: string

    Tooltip en aria-label voor de knop.

    toolbarItem: ElementRef

    ElementRef naar het DOM-element van het toolbar-item.

    toolbarItemTemplate: TemplateRef<any>

    TemplateRef naar de inhoud van het toolbar-item.

    Accessors

    • set active(state: boolean): void

      Zet de actieve status van het item.

      Parameters

      • state: boolean

      Returns void

    Methods

    • Handelt de klik af door de actieve status te toggelen en een event te emitten.

      Returns void

    • Wordt aangeroepen bij een klik op de knop. Roept clickCallback aan indien aanwezig, anders handleClick.

      Returns void

    Settings

    Member Visibility

    On This Page

    FunctionaliteitVoorbeeldgebruik
    Properties
    Accessors
    Methods