@bulmil/core
Version:

1,763 lines • 226 kB
JSON
{
"timestamp": "2022-01-30T01:50:50",
"compiler": {
"name": "@stencil/core",
"version": "2.13.0",
"typescriptVersion": "4.3.5"
},
"tags": [
{
"filePath": "./src/core/elements/badge/badge.tsx",
"encapsulation": "none",
"tag": "bm-badge",
"name": "bm-badge",
"readme": "# bm-badge\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-button size=\"is-large\">\n <bm-badge color=\"is-primary\"> 3 </bm-badge>\n Button\n</bm-button>\n```\n"
},
"properties": [
{
"name": "color",
"type": "\"is-black\" | \"is-danger\" | \"is-dark\" | \"is-info\" | \"is-primary\" | \"is-success\" | \"is-warning\" | \"is-white\"",
"mutable": false,
"attr": "color",
"reflectToAttr": false,
"docs": "Color",
"docsTags": [],
"values": [
{
"value": "is-black",
"type": "string"
},
{
"value": "is-danger",
"type": "string"
},
{
"value": "is-dark",
"type": "string"
},
{
"value": "is-info",
"type": "string"
},
{
"value": "is-primary",
"type": "string"
},
{
"value": "is-success",
"type": "string"
},
{
"value": "is-warning",
"type": "string"
},
{
"value": "is-white",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Color"
},
{
"name": "isLight",
"type": "boolean",
"mutable": false,
"attr": "is-light",
"reflectToAttr": false,
"docs": "Is light",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is light"
},
{
"name": "isOutlined",
"type": "boolean",
"mutable": false,
"attr": "is-outlined",
"reflectToAttr": false,
"docs": "Is outlined",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is outlined"
},
{
"name": "position",
"type": "\"is-bottom\" | \"is-bottom-left\" | \"is-bottom-right\" | \"is-left\" | \"is-right\" | \"is-top\" | \"is-top-left\" | \"is-top-right\"",
"mutable": false,
"attr": "position",
"reflectToAttr": false,
"docs": "Position",
"docsTags": [],
"values": [
{
"value": "is-bottom",
"type": "string"
},
{
"value": "is-bottom-left",
"type": "string"
},
{
"value": "is-bottom-right",
"type": "string"
},
{
"value": "is-left",
"type": "string"
},
{
"value": "is-right",
"type": "string"
},
{
"value": "is-top",
"type": "string"
},
{
"value": "is-top-left",
"type": "string"
},
{
"value": "is-top-right",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Position"
}
],
"attributes": [
{
"name": "color",
"type": "\"is-black\" | \"is-danger\" | \"is-dark\" | \"is-info\" | \"is-primary\" | \"is-success\" | \"is-warning\" | \"is-white\"",
"mutable": false,
"attr": "color",
"reflectToAttr": false,
"docs": "Color",
"docsTags": [],
"values": [
{
"value": "is-black",
"type": "string"
},
{
"value": "is-danger",
"type": "string"
},
{
"value": "is-dark",
"type": "string"
},
{
"value": "is-info",
"type": "string"
},
{
"value": "is-primary",
"type": "string"
},
{
"value": "is-success",
"type": "string"
},
{
"value": "is-warning",
"type": "string"
},
{
"value": "is-white",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Color"
},
{
"name": "is-light",
"type": "boolean",
"mutable": false,
"attr": "is-light",
"reflectToAttr": false,
"docs": "Is light",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is light"
},
{
"name": "is-outlined",
"type": "boolean",
"mutable": false,
"attr": "is-outlined",
"reflectToAttr": false,
"docs": "Is outlined",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is outlined"
},
{
"name": "position",
"type": "\"is-bottom\" | \"is-bottom-left\" | \"is-bottom-right\" | \"is-left\" | \"is-right\" | \"is-top\" | \"is-top-left\" | \"is-top-right\"",
"mutable": false,
"attr": "position",
"reflectToAttr": false,
"docs": "Position",
"docsTags": [],
"values": [
{
"value": "is-bottom",
"type": "string"
},
{
"value": "is-bottom-left",
"type": "string"
},
{
"value": "is-bottom-right",
"type": "string"
},
{
"value": "is-left",
"type": "string"
},
{
"value": "is-right",
"type": "string"
},
{
"value": "is-top",
"type": "string"
},
{
"value": "is-top-left",
"type": "string"
},
{
"value": "is-top-right",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Position"
}
],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/elements/box/box.tsx",
"encapsulation": "none",
"tag": "bm-box",
"name": "bm-box",
"readme": "# bm-box\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-box>\n <article class=\"media\">\n <div class=\"media-left\">\n <figure class=\"image is-64x64\">\n <img src=\"https://bulma.io/images/placeholders/128x128.png\" alt=\"Image\" />\n </figure>\n </div>\n\n <div class=\"media-content\">\n <div class=\"content\">\n <p>\n <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>\n <br />\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa\n fringilla egestas. Nullam condimentum luctus turpis.\n </p>\n </div>\n <nav class=\"level is-mobile\">\n <div class=\"level-left\">\n <a class=\"level-item\" aria-label=\"reply\">\n <span class=\"icon is-small\">\n <i class=\"fas fa-reply\" aria-hidden=\"true\"></i>\n </span>\n </a>\n <a class=\"level-item\" aria-label=\"retweet\">\n <span class=\"icon is-small\">\n <i class=\"fas fa-retweet\" aria-hidden=\"true\"></i>\n </span>\n </a>\n <a class=\"level-item\" aria-label=\"like\">\n <span class=\"icon is-small\">\n <i class=\"fas fa-heart\" aria-hidden=\"true\"></i>\n </span>\n </a>\n </div>\n </nav>\n </div>\n </article>\n</bm-box>\n```\n"
},
"properties": [],
"attributes": [],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/components/breadcrumb/breadcrumb.tsx",
"encapsulation": "none",
"tag": "bm-breadcrumb",
"name": "bm-breadcrumb",
"readme": "# bm-breadcrumb\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-breadcrumb alignment=\"is-centered\" separator=\"has-arrow-separator\" size=\"is-small\">\n <ul>\n <li><a href=\"#\">Bulmil</a></li>\n <li><a href=\"#\">Documentation</a></li>\n <li><a href=\"#\">Components</a></li>\n <li class=\"is-active\">\n <a href=\"#\" aria-current=\"page\">Breadcrumb</a>\n </li>\n </ul>\n</bm-breadcrumb>\n```\n"
},
"properties": [
{
"name": "alignment",
"type": "\"is-centered\" | \"is-right\"",
"mutable": false,
"attr": "alignment",
"reflectToAttr": false,
"docs": "Breadcrumb alignment",
"docsTags": [],
"values": [
{
"value": "is-centered",
"type": "string"
},
{
"value": "is-right",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Breadcrumb alignment"
},
{
"name": "separator",
"type": "\"has-arrow-separator\" | \"has-bullet-separator\" | \"has-dot-separator\" | \"has-succeeds-separator\"",
"mutable": false,
"attr": "separator",
"reflectToAttr": false,
"docs": "Separator",
"docsTags": [],
"values": [
{
"value": "has-arrow-separator",
"type": "string"
},
{
"value": "has-bullet-separator",
"type": "string"
},
{
"value": "has-dot-separator",
"type": "string"
},
{
"value": "has-succeeds-separator",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Separator"
},
{
"name": "size",
"type": "\"is-large\" | \"is-medium\" | \"is-small\"",
"mutable": false,
"attr": "size",
"reflectToAttr": false,
"docs": "Size",
"docsTags": [],
"values": [
{
"value": "is-large",
"type": "string"
},
{
"value": "is-medium",
"type": "string"
},
{
"value": "is-small",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Size"
}
],
"attributes": [
{
"name": "alignment",
"type": "\"is-centered\" | \"is-right\"",
"mutable": false,
"attr": "alignment",
"reflectToAttr": false,
"docs": "Breadcrumb alignment",
"docsTags": [],
"values": [
{
"value": "is-centered",
"type": "string"
},
{
"value": "is-right",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Breadcrumb alignment"
},
{
"name": "separator",
"type": "\"has-arrow-separator\" | \"has-bullet-separator\" | \"has-dot-separator\" | \"has-succeeds-separator\"",
"mutable": false,
"attr": "separator",
"reflectToAttr": false,
"docs": "Separator",
"docsTags": [],
"values": [
{
"value": "has-arrow-separator",
"type": "string"
},
{
"value": "has-bullet-separator",
"type": "string"
},
{
"value": "has-dot-separator",
"type": "string"
},
{
"value": "has-succeeds-separator",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Separator"
},
{
"name": "size",
"type": "\"is-large\" | \"is-medium\" | \"is-small\"",
"mutable": false,
"attr": "size",
"reflectToAttr": false,
"docs": "Size",
"docsTags": [],
"values": [
{
"value": "is-large",
"type": "string"
},
{
"value": "is-medium",
"type": "string"
},
{
"value": "is-small",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Size"
}
],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/elements/button/button.tsx",
"encapsulation": "none",
"tag": "bm-button",
"name": "bm-button",
"readme": "# bm-button\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-button>Button</bm-button>\n```\n"
},
"properties": [
{
"name": "color",
"type": "\"is-black\" | \"is-danger\" | \"is-dark\" | \"is-ghost\" | \"is-info\" | \"is-light\" | \"is-link\" | \"is-primary\" | \"is-success\" | \"is-text\" | \"is-warning\" | \"is-white\"",
"mutable": false,
"attr": "color",
"reflectToAttr": false,
"docs": "Color",
"docsTags": [],
"values": [
{
"value": "is-black",
"type": "string"
},
{
"value": "is-danger",
"type": "string"
},
{
"value": "is-dark",
"type": "string"
},
{
"value": "is-ghost",
"type": "string"
},
{
"value": "is-info",
"type": "string"
},
{
"value": "is-light",
"type": "string"
},
{
"value": "is-link",
"type": "string"
},
{
"value": "is-primary",
"type": "string"
},
{
"value": "is-success",
"type": "string"
},
{
"value": "is-text",
"type": "string"
},
{
"value": "is-warning",
"type": "string"
},
{
"value": "is-white",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Color"
},
{
"name": "disabled",
"type": "boolean",
"mutable": false,
"attr": "disabled",
"reflectToAttr": false,
"docs": "Is disabled?",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is disabled?"
},
{
"name": "isActive",
"type": "boolean",
"mutable": false,
"attr": "is-active",
"reflectToAttr": false,
"docs": "Active state",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Active state"
},
{
"name": "isFocused",
"type": "boolean",
"mutable": false,
"attr": "is-focused",
"reflectToAttr": false,
"docs": "Focused state",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Focused state"
},
{
"name": "isFullwidth",
"type": "boolean",
"mutable": false,
"attr": "is-fullwidth",
"reflectToAttr": false,
"docs": "Display the button in full-width",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Display the button in full-width"
},
{
"name": "isHovered",
"type": "boolean",
"mutable": false,
"attr": "is-hovered",
"reflectToAttr": false,
"docs": "Hovered state",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Hovered state"
},
{
"name": "isInverted",
"type": "boolean",
"mutable": false,
"attr": "is-inverted",
"reflectToAttr": false,
"docs": "Is inverted",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is inverted"
},
{
"name": "isLight",
"type": "boolean",
"mutable": false,
"attr": "is-light",
"reflectToAttr": false,
"docs": "Is light",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is light"
},
{
"name": "isLoading",
"type": "boolean",
"mutable": false,
"attr": "is-loading",
"reflectToAttr": false,
"docs": "Loading state",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Loading state"
},
{
"name": "isOutlined",
"type": "boolean",
"mutable": false,
"attr": "is-outlined",
"reflectToAttr": false,
"docs": "Is outlined",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is outlined"
},
{
"name": "isRounded",
"type": "boolean",
"mutable": false,
"attr": "is-rounded",
"reflectToAttr": false,
"docs": "Rounded button",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Rounded button"
},
{
"name": "isStatic",
"type": "boolean",
"mutable": false,
"attr": "is-static",
"reflectToAttr": false,
"docs": "Static",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Static"
},
{
"name": "size",
"type": "\"is-large\" | \"is-medium\" | \"is-normal\" | \"is-small\"",
"mutable": false,
"attr": "size",
"reflectToAttr": false,
"docs": "Size",
"docsTags": [],
"values": [
{
"value": "is-large",
"type": "string"
},
{
"value": "is-medium",
"type": "string"
},
{
"value": "is-normal",
"type": "string"
},
{
"value": "is-small",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Size"
}
],
"attributes": [
{
"name": "color",
"type": "\"is-black\" | \"is-danger\" | \"is-dark\" | \"is-ghost\" | \"is-info\" | \"is-light\" | \"is-link\" | \"is-primary\" | \"is-success\" | \"is-text\" | \"is-warning\" | \"is-white\"",
"mutable": false,
"attr": "color",
"reflectToAttr": false,
"docs": "Color",
"docsTags": [],
"values": [
{
"value": "is-black",
"type": "string"
},
{
"value": "is-danger",
"type": "string"
},
{
"value": "is-dark",
"type": "string"
},
{
"value": "is-ghost",
"type": "string"
},
{
"value": "is-info",
"type": "string"
},
{
"value": "is-light",
"type": "string"
},
{
"value": "is-link",
"type": "string"
},
{
"value": "is-primary",
"type": "string"
},
{
"value": "is-success",
"type": "string"
},
{
"value": "is-text",
"type": "string"
},
{
"value": "is-warning",
"type": "string"
},
{
"value": "is-white",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Color"
},
{
"name": "disabled",
"type": "boolean",
"mutable": false,
"attr": "disabled",
"reflectToAttr": false,
"docs": "Is disabled?",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is disabled?"
},
{
"name": "is-active",
"type": "boolean",
"mutable": false,
"attr": "is-active",
"reflectToAttr": false,
"docs": "Active state",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Active state"
},
{
"name": "is-focused",
"type": "boolean",
"mutable": false,
"attr": "is-focused",
"reflectToAttr": false,
"docs": "Focused state",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Focused state"
},
{
"name": "is-fullwidth",
"type": "boolean",
"mutable": false,
"attr": "is-fullwidth",
"reflectToAttr": false,
"docs": "Display the button in full-width",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Display the button in full-width"
},
{
"name": "is-hovered",
"type": "boolean",
"mutable": false,
"attr": "is-hovered",
"reflectToAttr": false,
"docs": "Hovered state",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Hovered state"
},
{
"name": "is-inverted",
"type": "boolean",
"mutable": false,
"attr": "is-inverted",
"reflectToAttr": false,
"docs": "Is inverted",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is inverted"
},
{
"name": "is-light",
"type": "boolean",
"mutable": false,
"attr": "is-light",
"reflectToAttr": false,
"docs": "Is light",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is light"
},
{
"name": "is-loading",
"type": "boolean",
"mutable": false,
"attr": "is-loading",
"reflectToAttr": false,
"docs": "Loading state",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Loading state"
},
{
"name": "is-outlined",
"type": "boolean",
"mutable": false,
"attr": "is-outlined",
"reflectToAttr": false,
"docs": "Is outlined",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Is outlined"
},
{
"name": "is-rounded",
"type": "boolean",
"mutable": false,
"attr": "is-rounded",
"reflectToAttr": false,
"docs": "Rounded button",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Rounded button"
},
{
"name": "is-static",
"type": "boolean",
"mutable": false,
"attr": "is-static",
"reflectToAttr": false,
"docs": "Static",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Static"
},
{
"name": "size",
"type": "\"is-large\" | \"is-medium\" | \"is-normal\" | \"is-small\"",
"mutable": false,
"attr": "size",
"reflectToAttr": false,
"docs": "Size",
"docsTags": [],
"values": [
{
"value": "is-large",
"type": "string"
},
{
"value": "is-medium",
"type": "string"
},
{
"value": "is-normal",
"type": "string"
},
{
"value": "is-small",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Size"
}
],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/elements/buttons/buttons.tsx",
"encapsulation": "none",
"tag": "bm-buttons",
"name": "bm-buttons",
"readme": "# bm-buttons\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-buttons>\n <bm-button color=\"is-primary\">Primary</bm-button>\n <bm-button color=\"is-danger\">Danger</bm-button>\n</bm-buttons>\n```\n"
},
"properties": [
{
"name": "size",
"type": "\"are-large\" | \"are-medium\" | \"are-small\"",
"mutable": false,
"attr": "size",
"reflectToAttr": false,
"docs": "Buttons size",
"docsTags": [],
"values": [
{
"value": "are-large",
"type": "string"
},
{
"value": "are-medium",
"type": "string"
},
{
"value": "are-small",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Buttons size"
}
],
"attributes": [
{
"name": "size",
"type": "\"are-large\" | \"are-medium\" | \"are-small\"",
"mutable": false,
"attr": "size",
"reflectToAttr": false,
"docs": "Buttons size",
"docsTags": [],
"values": [
{
"value": "are-large",
"type": "string"
},
{
"value": "are-medium",
"type": "string"
},
{
"value": "are-small",
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Buttons size"
}
],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/components/card/card.tsx",
"encapsulation": "none",
"tag": "bm-card",
"name": "bm-card",
"readme": "# bm-card\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-card>\n <bm-card-image>\n <figure class=\"image is-4by3\">\n <img src=\"https://bulma.io/images/placeholders/1280x960.png\" alt=\"Placeholder image\" />\n </figure>\n </bm-card-image>\n\n <bm-card-content>\n <div class=\"media\">\n <div class=\"media-left\">\n <figure class=\"image is-48x48\">\n <img src=\"https://bulma.io/images/placeholders/96x96.png\" alt=\"Placeholder image\" />\n </figure>\n </div>\n <div class=\"media-content\">\n <p class=\"title is-4\">John Smith</p>\n <p class=\"subtitle is-6\">@johnsmith</p>\n </div>\n </div>\n\n <bm-content>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.\n <a>@bulmaio</a>. <a href=\"#\">#css</a> <a href=\"#\">#responsive</a>\n <br />\n <time datetime=\"2016-1-1\">11:09 PM - 1 Jan 2016</time>\n </bm-content>\n </bm-card-content>\n</bm-card>\n```\n"
},
"properties": [],
"attributes": [],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/components/card/card-content/card-content.tsx",
"encapsulation": "none",
"tag": "bm-card-content",
"name": "bm-card-content",
"readme": "# bm-card-content\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-card-content>\n <bm-content>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.\n <a href=\"#\">@bulmaio</a>. <a href=\"#\">#css</a> <a href=\"#\">#responsive</a>\n <br />\n <time datetime=\"2016-1-1\">11:09 PM - 1 Jan 2016</time>\n </bm-content>\n</bm-card-content>\n```\n"
},
"properties": [],
"attributes": [],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/components/card/card-footer/card-footer.tsx",
"encapsulation": "none",
"tag": "bm-card-footer",
"name": "bm-card-footer",
"readme": "# bm-card-footer\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<!-- With links -->\n<bm-card-footer>\n <a href=\"#\" class=\"card-footer-item\">Save</a>\n <a href=\"#\" class=\"card-footer-item\">Edit</a>\n <a href=\"#\" class=\"card-footer-item\">Delete</a>\n</bm-card-footer>\n\n<!-- With footer item -->\n<bm-card-footer>\n <p class=\"card-footer-item\">\n <span>\n View on\n <a href=\"https://twitter.com/codinghorror/status/506010907021828096\">Twitter</a>\n </span>\n </p>\n <p class=\"card-footer-item\">\n <span> Share on <a href=\"#\">Facebook</a> </span>\n </p>\n</bm-card-footer>\n```\n"
},
"properties": [],
"attributes": [],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/components/card/card-header/card-header.tsx",
"encapsulation": "none",
"tag": "bm-card-header",
"name": "bm-card-header",
"readme": "# bm-card-header\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-card-header>\n <p class=\"card-header-title\">Component</p>\n <a href=\"#\" class=\"card-header-icon\" aria-label=\"more options\">\n <span class=\"icon\">\n <i class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n </span>\n </a>\n</bm-card-header>\n```\n"
},
"properties": [],
"attributes": [],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/components/card/card-image/card-image.tsx",
"encapsulation": "none",
"tag": "bm-card-image",
"name": "bm-card-image",
"readme": "# bm-card-image\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-card-image>\n <figure class=\"image is-4by3\">\n <img src=\"https://bulma.io/images/placeholders/1280x960.png\" alt=\"Placeholder image\" />\n </figure>\n</bm-card-image>\n```\n"
},
"properties": [],
"attributes": [],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/form/checkbox/checkbox.tsx",
"encapsulation": "none",
"tag": "bm-checkbox",
"name": "bm-checkbox",
"readme": "# bm-checkbox\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<form>\n <bm-field label=\"Checkbox\">\n <bm-checkbox checked=\"true\"> Remember me </bm-checkbox>\n </bm-field>\n</form>\n```\n"
},
"properties": [
{
"name": "checked",
"type": "boolean",
"mutable": false,
"attr": "checked",
"reflectToAttr": false,
"docs": "Checked",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Checked"
},
{
"name": "disabled",
"type": "boolean",
"mutable": false,
"attr": "disabled",
"reflectToAttr": false,
"docs": "Disabled",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Disabled"
},
{
"name": "inputClass",
"type": "string",
"mutable": false,
"attr": "input-class",
"reflectToAttr": false,
"docs": "Input classes",
"docsTags": [],
"default": "''",
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Input classes"
},
{
"name": "labelClass",
"type": "string",
"mutable": false,
"attr": "label-class",
"reflectToAttr": false,
"docs": "Label classes",
"docsTags": [],
"default": "''",
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Label classes"
}
],
"attributes": [
{
"name": "checked",
"type": "boolean",
"mutable": false,
"attr": "checked",
"reflectToAttr": false,
"docs": "Checked",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Checked"
},
{
"name": "disabled",
"type": "boolean",
"mutable": false,
"attr": "disabled",
"reflectToAttr": false,
"docs": "Disabled",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Disabled"
},
{
"name": "input-class",
"type": "string",
"mutable": false,
"attr": "input-class",
"reflectToAttr": false,
"docs": "Input classes",
"docsTags": [],
"default": "''",
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Input classes"
},
{
"name": "label-class",
"type": "string",
"mutable": false,
"attr": "label-class",
"reflectToAttr": false,
"docs": "Label classes",
"docsTags": [],
"default": "''",
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Label classes"
}
],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/grid/column/column.tsx",
"encapsulation": "none",
"tag": "bm-column",
"name": "bm-column",
"readme": "# bm-column\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "```html\n<bm-columns>\n <bm-column>First column</bm-column>\n <bm-column>Second column</bm-column>\n <bm-column>Third column</bm-column>\n <bm-column>Fourth column</bm-column>\n</bm-columns>\n```\n"
},
"properties": [
{
"name": "isNarrow",
"type": "boolean",
"mutable": false,
"attr": "is-narrow",
"reflectToAttr": false,
"docs": "Narrow column",
"docsTags": [],
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Narrow column"
},
{
"name": "sizes",
"type": "string",
"mutable": false,
"attr": "sizes",
"reflectToAttr": false,
"docs": "Sizes",
"docsTags": [],
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Sizes"
}
],
"attributes": [
{
"name": "is-narrow",
"type": "boolean",
"mutable": false,
"attr": "is-narrow",
"reflectToAttr": false,
"docs": "Narrow column",
"docsTags": [],
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Narrow column"
},
{
"name": "sizes",
"type": "string",
"mutable": false,
"attr": "sizes",
"reflectToAttr": false,
"docs": "Sizes",
"docsTags": [],
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Sizes"
}
],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"dependents": [],
"dependencies": [],
"dependencyGraph": {}
},
{
"filePath": "./src/core/grid/columns/columns.tsx",
"encapsulation": "none",
"tag": "bm-columns",
"name": "bm-columns",
"readme": "# bm-columns\n\n\n",
"description": "",
"docsTags": [],
"usage": {
"html": "Building a columns layout with Bulmil is very simple:\n\n- 1. Add a `bm-columns` container\n- 2. Add as many `bm-column` elements as you want\n\nEach column will have an **equal width**, no matter the number of columns.\n\n```html\n<bm-columns>\n <bm-column>First column</bm-column>\n <bm-column>Second column</bm-column>\n <bm-column>Third column</bm-column>\n <bm-column>Fourth column</bm-column>\n</bm-columns>\n```\n"
},
"properties": [
{
"name": "gaps",
"type": "string",
"mutable": false,
"attr": "gaps",
"reflectToAttr": false,
"docs": "Columns gaps",
"docsTags": [],
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Columns gaps"
},
{
"name": "isCentered",
"type": "boolean",
"mutable": false,
"attr": "is-centered",
"reflectToAttr": false,
"docs": "Centered",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Centered"
},
{
"name": "isDesktop",
"type": "boolean",
"mutable": false,
"attr": "is-desktop",
"reflectToAttr": false,
"docs": "Desktop",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Desktop"
},
{
"name": "isGapless",
"type": "boolean",
"mutable": false,
"attr": "is-gapless",
"reflectToAttr": false,
"docs": "Gapless",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Gapless"
},
{
"name": "isMobile",
"type": "boolean",
"mutable": false,
"attr": "is-mobile",
"reflectToAttr": false,
"docs": "Mobile",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Mobile"
},
{
"name": "isMultiline",
"type": "boolean",
"mutable": false,
"attr": "is-multiline",
"reflectToAttr": false,
"docs": "Multiline",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Multiline"
},
{
"name": "isVcentered",
"type": "boolean",
"mutable": false,
"attr": "is-vcentered",
"reflectToAttr": false,
"docs": "Vertically centered",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Vertically centered"
}
],
"attributes": [
{
"name": "gaps",
"type": "string",
"mutable": false,
"attr": "gaps",
"reflectToAttr": false,
"docs": "Columns gaps",
"docsTags": [],
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false,
"description": "Columns gaps"
},
{
"name": "is-centered",
"type": "boolean",
"mutable": false,
"attr": "is-centered",
"reflectToAttr": false,
"docs": "Centered",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Centered"
},
{
"name": "is-desktop",
"type": "boolean",
"mutable": false,
"attr": "is-desktop",
"reflectToAttr": false,
"docs": "Desktop",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Desktop"
},
{
"name": "is-gapless",
"type": "boolean",
"mutable": false,
"attr": "is-gapless",
"reflectToAttr": false,
"docs": "Gapless",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Gapless"
},
{
"name": "is-mobile",
"type": "boolean",
"mutable": false,
"attr": "is-mobile",
"reflectToAttr": false,
"docs": "Mobile",
"docsTags": [],
"default": "false",
"values": [
{
"type": "boolean"
}
],
"optional": false,
"required": false,
"description": "Mobile"
},
{
"name": "is-multiline",
"type": "boolean",
"mutable": false,
"attr": "is-multiline",
"reflectToAttr": false,
"doc