NGBS API Layout

alert.json

{
  "inputs": [
    {
      "key": "close()",
      "value": "A callback function that gets fired when an alert is closed. If the attribute exists, a close button is displayed as well."
    }
  ],
  "outputs": [
    ]
}

layout.html

          <div class="row">
            <h1>
              ngb-alert
            </h1>
            <p class="lead">
              This component can be used both to generate alerts from static and dynamic model data (using the <code>*ngFor</code> component).
            </p>
            <div class="row component-api">
              <div class="col-sm-3 component-api-property">
                <code>close()</code>
                <small class="label label-default label-pill">$</small>
              </div>
              <div class="col-sm-9 component-api-instructions">
                A callback function that gets fired when an alert is closed. If the attribute exists, a close button is displayed as well.
              </div>
              <div class="col-sm-3 component-api-property">
                <code>dismiss-on-timeout</code>
              </div>
              <div class="col-sm-9 component-api-instructions">
                <em>(Default: none)</em> - Takes the number of milliseconds that specify the timeout duration, after which the alert will be closed. This attribute requires the presence of the <code>close</code> attribute.
              </div>
              <div class="col-sm-3 component-api-property">
                <code>template-url</code>
              </div>
              <div class="col-sm-9 component-api-instructions">
                <em>(Default: ngb/template/alert/alert.html)</em> - Add the ability to override the template used in the component.
              </div>
              <div class="col-sm-3 component-api-property">
                <code>type</code>
              </div>
              <div class="col-sm-9 component-api-instructions">
                <em>(Default: warning)</em> - Defines the type of the alert. Go to <a target="_blank" href="http://v4-alpha.getbootstrap.com/components/alerts">the bootstrap page</a> to see the type of alerts available.
              </div>
            </div>
          </div>