requests-list-mixin
A common function for element that handles lists of requests like history, saved or menu items for Advanced REST Client.
The mixin is commonly used with requests-list-mixin/history-list-mixin
and requests-list-mixin/saved-list-mixin
.
API components
This components is a part of API components ecosystem
Usage
Installation
npm install --save @advanced-rest-client/requests-list-mixin
In a LitElement
import { LitElement, html } from 'lit-element';
import { RequestsListMixin } from '@advanced-rest-client/requests-list-mixin/requests-list-mixin.js';
import styles from '@advanced-rest-client/requests-list-mixin/requests-list-styles.js';
class SampleElement extends RequestsListMixin(LitElement) {
static get styles() {
return styles;
}
render() {
return html`
${this.modelTemplate}
${(this.requests || []).map((request) => html`...`)}return html`${this.modelTemplate}`;
`;
}
connectedCallback() {
if (super.connectedCallback) {
super.connectedCallback();
}
this.type = 'history';
}
}
customElements.define('sample-element', SampleElement);
Development
git clone https://github.com/advanced-rest-client/requests-list-mixin
cd requests-list-mixin
npm install
Running the tests
npm test
API components
This components is a part of API components ecosystem