UIPanel

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>