ember-bootstrap/declarations/components/bs-progress.d.ts

Bootstrap components for Ember.js

import type { ComponentLike } from '@glint/template';
import type { ProgressBarSignature } from './bs-progress/bar';
interface BsProgressSignature {
    Args: {
        progressBarComponent?: ComponentLike<ProgressBarSignature>;
    };
    Blocks: {
        default: [
            {
                bar: ComponentLike<ProgressBarSignature>;
            }
        ];
    };
    Element: HTMLDivElement;
}
/**
  Component to display a Bootstrap progress bar, see http://getbootstrap.com/components/#progress.

  ### Usage

  The component yields a [Components.ProgressBar](Components.ProgressBar.html) component that represents a single bar.
  Use the `value` property to control the progress bar's width. To apply the different styling options supplied by
  Bootstrap, use the appropriate properties like `type`, `showLabel`, `striped` or `animate`.

  ```hbs
  <BsProgress as |pg| >
    <pg.bar @value={{this.progressValue}} @minValue={{0}} @maxValue={{10}} @showLabel={{true}} @type="danger" aria-label="Loading" />
  </BsProgress>
  ```

  > Don't forget to add a `aria-label` attribute to the progress bar for accessibility!

  ### Stacked

  You can place multiple progress bar components in a single progress component to
  create a stack of progress bars as seen in http://getbootstrap.com/components/#progress-stacked.

  ```hbs
  <BsProgress as |pg| >
    <pg.bar @value={{this.progressValue1}} @type="success" />
    <pg.bar @value={{this.progressValue2}} @type="warning" />
    <pg.bar @value={{this.progressValue3}} @type="danger" />
  </BsProgress>
  ```

  *Note that only invoking the component in a template as shown above is considered part of its public API. Extending from it (subclassing) is generally not supported, and may break at any time.*

  @class Progress
  @namespace Components
  @extends Ember.Component
  @public
*/
declare const _default: import("@ember/component/template-only").TemplateOnlyComponent<BsProgressSignature>;
export default _default;
//# sourceMappingURL=bs-progress.d.ts.map