@bulmil/core
Version:
86 lines (85 loc) • 2.27 kB
JavaScript
/*!
* Bulmil - MIT License
*/
import { h } from '@stencil/core';
export class Breadcrumb {
constructor() {
this.alignment = undefined;
this.size = undefined;
this.separator = undefined;
}
render() {
return (h("nav", { class: {
breadcrumb: true,
[this.size]: Boolean(this.size),
[this.separator]: Boolean(this.separator),
[this.alignment]: Boolean(this.alignment),
}, "aria-label": "breadcrumbs" }, h("slot", null)));
}
static get is() { return "bm-breadcrumb"; }
static get originalStyleUrls() {
return {
"$": ["breadcrumb.scss"]
};
}
static get styleUrls() {
return {
"$": ["breadcrumb.css"]
};
}
static get properties() {
return {
"alignment": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-centered' | 'is-right'",
"resolved": "\"is-centered\" | \"is-right\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Breadcrumb alignment"
},
"attribute": "alignment",
"reflect": false
},
"size": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-small' | 'is-medium' | 'is-large'",
"resolved": "\"is-large\" | \"is-medium\" | \"is-small\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Size"
},
"attribute": "size",
"reflect": false
},
"separator": {
"type": "string",
"mutable": false,
"complexType": {
"original": "| 'has-arrow-separator'\n | 'has-bullet-separator'\n | 'has-dot-separator'\n | 'has-succeeds-separator'",
"resolved": "\"has-arrow-separator\" | \"has-bullet-separator\" | \"has-dot-separator\" | \"has-succeeds-separator\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Separator"
},
"attribute": "separator",
"reflect": false
}
};
}
}