angular.module("app", ["nb.ui"])

Directives

@nb-ui-loading

Submit


Placeholder for data




@nb-fill-height

Container Panel
bn-fill-height

<nb-ui-switch />

nb-ui-switch @nb-model, @nb-on-change=fn(data)
Default Theme: Circle Theme:

<nb-ui-search />

nb-ui-search @nb-model, @nb-placeholder, @nb-on-change=fn(data)

<nb-ui-colorpicker />

nb-ui-colorpicker @nb-colors=[{key, value, css, description},...] @nb-model @nb-on-change=fn(data)

<nb-ui-input />

@type=[date, datetime, text, url, email, number]

<nb-ui-select />

@nb-source=[], @nb-label, @nb-model

<nb-ui-checks />

@nb-source=[], @nb-key-field="", @nb-multiple=true/false, @nb-with-icon=true/false, @nb-model=object/[], @nb-show-button=true/false, @nb-on-change=fn(data)


{{mModel}}
{{sModel}}

<nb-ui-pager />

@nb-model= { currentPage: 1, pageSize: 10, recordCount: 108 }, @nb-on-page=fn(page)

Filters

Date & Time

Code Result
moment() | appDate
moment() | appDateTime