UNPKG

@bulmil/core

Version:

![bulmil](https://user-images.githubusercontent.com/2362138/65766959-c721a080-e16f-11e9-9fb9-45a5a2ad0391.jpg)

1,763 lines 226 kB
{ "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