Member Junction
    Preparing search index...

    Class MJRefreshButtonComponent

    mj-refresh-button — Canonical Refresh button for the [actions] slot of <mj-page-header>. Encapsulates the icon + spin-on-loading behavior so pages don't reinvent it every time.

    Replaces the repeated:

    <button mjButton variant="secondary" size="sm" (click)="LoadData()" [disabled]="IsLoading" title="Refresh">
      <i class="fa-solid fa-arrows-rotate" [class.fa-spin]="IsLoading"></i> Refresh
    </button>

    Usage:

    <mj-refresh-button [Loading]="IsLoading" (Clicked)="LoadData()" />

    <mj-refresh-button [Loading]="IsLoading" (Clicked)="Refresh()" [ShowLabel]="false" />   <!-- icon-only -->

    The Loading input drives both the spinner AND the disabled state — pass the page's IsLoading flag and you're done.

    Index

    Constructors

    constructor

    Properties

    Clicked Disabled Label Loading ShowLabel Size Title Variant

    Methods

    OnClick

    Constructors

    Properties

    Clicked: EventEmitter<MouseEvent> = ...

    Emitted when the button is clicked AND the button isn't disabled/loading.

    Disabled: boolean = false

    Force-disable independently of Loading.

    Label: string = 'Refresh'

    Visible button text. Defaults to "Refresh". Use [ShowLabel]="false" for icon-only.

    Loading: boolean = false

    When true, the icon spins and the button is disabled. Pass IsLoading from the page.

    ShowLabel: boolean = true

    Show the text label next to the icon. Defaults to true.

    Size: "sm" | "md" | "lg" = 'sm'

    Button size passed to mjButton. Defaults to 'sm' to match page-header density.

    Title: string = 'Refresh'

    Hover/aria tooltip. Defaults to "Refresh".

    Variant: "primary" | "secondary" | "outline" | "flat" | "icon" = 'secondary'

    Button variant passed to mjButton. Defaults to 'secondary'.

    Methods

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods