UIPanel - adarshpastakia/aurelia-ui-framework GitHub Wiki

Simple panel with headers

Usage
<ui-panel height="?" [collapsed]>
  <ui-header [theme]>
    <ui-header-title glyph='glyph'>Header</ui-header-title>
    <ui-header-tool [collapse | close | refresh]></ui-header-tool>
    <ui-header-tool glyph="" click.trigger=""></ui-header-tool>
  </ui-header>
  <ui-panel-body [padded] [scroll | flex] [height | maxheight]="?">
    ....
  </ui-panel-body>

  <!-- to add a footer -->
  <ui-toolbar>...</ui-toolbar>
</ui-panel>
  • Themes
    • light
    • dark
    • primary
    • secondary
    • info
    • danger
    • success
    • warning
<ui-panel-group [toggle]>
  <ui-panel>...</ui-panel>
  <ui-panel>...</ui-panel>
  <ui-panel>...</ui-panel>
</ui-panel-group>
⚠️ **GitHub.com Fallback** ⚠️