@nebular/theme
Version:
@nebular/theme
83 lines • 2.22 kB
JavaScript
import { Component, Input, HostBinding } from '@angular/core';
/**
* List is a container component that wraps `nb-list-item` component.
*
* Basic example:
* @stacked-example(Simple list, list/simple-list-showcase.component)
*
* `nb-list-item` accepts arbitrary content, so you can create a list of any components.
*
* ### Installation
*
* Import `NbListModule` to your feature module.
* ```ts
* @NgModule({
* imports: [
* // ...
* NbListModule,
* ],
* })
* export class PageModule { }
* ```
* ### Usage
*
* List of users:
* @stacked-example(Users list, list/users-list-showcase.component)
*
* @styles
*
* list-item-divider-color:
* list-item-divider-style:
* list-item-divider-width:
* list-item-padding:
* list-item-text-color:
* list-item-font-family:
* list-item-font-size:
* list-item-font-weight:
* list-item-line-height:
*/
export class NbListComponent {
constructor() {
/**
* Role attribute value
*
* @type {string}
*/
this.role = 'list';
}
}
NbListComponent.decorators = [
{ type: Component, args: [{
selector: 'nb-list',
template: `<ng-content select="nb-list-item"></ng-content>`,
styles: [":host{display:flex;flex-direction:column;flex:1 1 auto;overflow:auto}\n"]
},] }
];
NbListComponent.propDecorators = {
role: [{ type: Input }, { type: HostBinding, args: ['attr.role',] }]
};
/**
* List item component is a grouping component that accepts arbitrary content.
* It should be direct child of `nb-list` componet.
*/
export class NbListItemComponent {
constructor() {
/**
* Role attribute value
*
* @type {string}
*/
this.role = 'listitem';
}
}
NbListItemComponent.decorators = [
{ type: Component, args: [{
selector: 'nb-list-item',
template: `<ng-content></ng-content>`,
styles: [":host{display:flex;align-items:center;flex-shrink:0}\n"]
},] }
];
NbListItemComponent.propDecorators = {
role: [{ type: Input }, { type: HostBinding, args: ['attr.role',] }]
};
//# sourceMappingURL=list.component.js.map