{ "total": 155, "components": [ { "moduleName": "SkeletonText", "filePath": "/src/SkeletonText/SkeletonText.svelte", "props": [ { "name": "lines", "kind": "let", "description": "Specify the number of lines to render", "type": "number", "value": "3", "isFunction": false, "constant": false, "reactive": false }, { "name": "heading", "kind": "let", "description": "Set to `true` to use the heading size variant", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "paragraph", "kind": "let", "description": "Set to `true` to use the paragraph size variant", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "width", "kind": "let", "description": "Specify the width of the text (% or px)", "type": "string", "value": "\"100%\"", "isFunction": false, "constant": false, "reactive": false } ], "slots": [], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "AccordionSkeleton", "filePath": "/src/Accordion/AccordionSkeleton.svelte", "props": [ { "name": "count", "kind": "let", "description": "Specify the number of accordion items to render", "type": "number", "value": "4", "isFunction": false, "constant": false, "reactive": false }, { "name": "align", "kind": "let", "description": "Specify alignment of accordion item chevron icon", "type": "\"start\" | \"end\"", "value": "\"end\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "size", "kind": "let", "description": "Specify the size of the accordion", "type": "\"sm\" | \"xl\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "open", "kind": "let", "description": "Set to `false` to close the first accordion item", "type": "boolean", "value": "true", "isFunction": false, "constant": false, "reactive": false } ], "slots": [], "events": [ { "type": "forwarded", "name": "click", "element": "ul" }, { "type": "forwarded", "name": "mouseover", "element": "ul" }, { "type": "forwarded", "name": "mouseenter", "element": "ul" }, { "type": "forwarded", "name": "mouseleave", "element": "ul" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "ul" } }, { "moduleName": "Accordion", "filePath": "/src/Accordion/Accordion.svelte", "props": [ { "name": "align", "kind": "let", "description": "Specify alignment of accordion item chevron icon", "type": "\"start\" | \"end\"", "value": "\"end\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "size", "kind": "let", "description": "Specify the size of the accordion", "type": "\"sm\" | \"xl\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "disabled", "kind": "let", "description": "Set to `true` to disable the accordion", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "skeleton", "kind": "let", "description": "Set to `true` to display the skeleton state", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false } ], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [ { "type": "forwarded", "name": "click", "element": "AccordionSkeleton" }, { "type": "forwarded", "name": "mouseover", "element": "AccordionSkeleton" }, { "type": "forwarded", "name": "mouseenter", "element": "AccordionSkeleton" }, { "type": "forwarded", "name": "mouseleave", "element": "AccordionSkeleton" } ], "typedefs": [], "rest_props": { "type": "InlineComponent", "name": "AccordionSkeleton" }, "extends": { "interface": "AccordionSkeletonProps", "import": "\"./AccordionSkeleton\"" } }, { "moduleName": "AccordionItem", "filePath": "/src/Accordion/AccordionItem.svelte", "props": [ { "name": "title", "kind": "let", "description": "Specify the title of the accordion item heading\nAlternatively, use the \"title\" slot (e.g.,
{label}
", "slot_props": "{ props: { class: 'bx--progress-label' } }" } ], "events": [ { "type": "forwarded", "name": "click", "element": "button" }, { "type": "forwarded", "name": "mouseover", "element": "button" }, { "type": "forwarded", "name": "mouseenter", "element": "button" }, { "type": "forwarded", "name": "mouseleave", "element": "button" }, { "type": "forwarded", "name": "keydown", "element": "button" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "li" } }, { "moduleName": "RadioButtonGroup", "filePath": "/src/RadioButtonGroup/RadioButtonGroup.svelte", "props": [ { "name": "selected", "kind": "let", "description": "Set the selected radio button value", "type": "string", "isFunction": false, "constant": false, "reactive": true }, { "name": "disabled", "kind": "let", "description": "Set to `true` to disable the radio buttons", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "labelPosition", "kind": "let", "description": "Specify the label position", "type": "\"right\" | \"left\"", "value": "\"right\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "orientation", "kind": "let", "description": "Specify the orientation of the radio buttons", "type": "\"horizontal\" | \"vertical\"", "value": "\"horizontal\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "id", "kind": "let", "description": "Set an id for the container div element", "type": "string", "isFunction": false, "constant": false, "reactive": false } ], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" }, { "type": "dispatched", "name": "change" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "SelectSkeleton", "filePath": "/src/Select/SelectSkeleton.svelte", "props": [ { "name": "hideLabel", "kind": "let", "description": "Set to `true` to hide the label text", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false } ], "slots": [], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "SelectItemGroup", "filePath": "/src/Select/SelectItemGroup.svelte", "props": [ { "name": "disabled", "kind": "let", "description": "Set to `true` to disable the optgroup element", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "label", "kind": "let", "description": "Specify the label attribute of the optgroup element", "type": "string", "value": "\"Provide label\"", "isFunction": false, "constant": false, "reactive": false } ], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [], "typedefs": [], "rest_props": { "type": "Element", "name": "optgroup" } }, { "moduleName": "SkeletonPlaceholder", "filePath": "/src/SkeletonPlaceholder/SkeletonPlaceholder.svelte", "props": [], "slots": [], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "Slider", "filePath": "/src/Slider/Slider.svelte", "props": [ { "name": "value", "kind": "let", "description": "Specify the value of the slider", "type": "number", "value": "0", "isFunction": false, "constant": false, "reactive": true }, { "name": "max", "kind": "let", "description": "Set the maximum slider value", "type": "number", "value": "100", "isFunction": false, "constant": false, "reactive": false }, { "name": "maxLabel", "kind": "let", "description": "Specify the label for the max value", "type": "string", "value": "\"\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "min", "kind": "let", "description": "Set the minimum slider value", "type": "number", "value": "0", "isFunction": false, "constant": false, "reactive": false }, { "name": "minLabel", "kind": "let", "description": "Specify the label for the min value", "type": "string", "value": "\"\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "step", "kind": "let", "description": "Set the step value", "type": "number", "value": "1", "isFunction": false, "constant": false, "reactive": false }, { "name": "stepMultiplier", "kind": "let", "description": "Set the step multiplier value", "type": "number", "value": "4", "isFunction": false, "constant": false, "reactive": false }, { "name": "required", "kind": "let", "description": "Set to `true` to require a value", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "inputType", "kind": "let", "description": "Specify the input type", "type": "string", "value": "\"number\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "disabled", "kind": "let", "description": "Set to `true` to disable the slider", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "light", "kind": "let", "description": "Set to `true` to enable the light variant", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "hideTextInput", "kind": "let", "description": "Set to `true` to hide the text input", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "id", "kind": "let", "description": "Set an id for the slider div element", "type": "string", "value": "\"ccs-\" + Math.random().toString(36)", "isFunction": false, "constant": false, "reactive": false }, { "name": "invalid", "kind": "let", "description": "Set to `true` to indicate an invalid state", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "labelText", "kind": "let", "description": "Specify the label text", "type": "string", "value": "\"\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "name", "kind": "let", "description": "Set a name for the slider element", "type": "string", "value": "\"\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "ref", "kind": "let", "description": "Obtain a reference to the HTML element", "type": "null | HTMLDivElement", "value": "null", "isFunction": false, "constant": false, "reactive": true } ], "slots": [], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" }, { "type": "dispatched", "name": "change" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "SliderSkeleton", "filePath": "/src/Slider/SliderSkeleton.svelte", "props": [ { "name": "hideLabel", "kind": "let", "description": "Set to `true` to hide the label text", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false } ], "slots": [], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "StructuredList", "filePath": "/src/StructuredList/StructuredList.svelte", "props": [ { "name": "selected", "kind": "let", "description": "Specify the selected structured list row value", "type": "string", "isFunction": false, "constant": false, "reactive": true }, { "name": "border", "kind": "let", "description": "Set to `true` to use the bordered variant", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "selection", "kind": "let", "description": "Set to `true` to use the selection variant", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false } ], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" }, { "type": "dispatched", "name": "change" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "StructuredListSkeleton", "filePath": "/src/StructuredList/StructuredListSkeleton.svelte", "props": [ { "name": "rows", "kind": "let", "description": "Specify the number of rows", "type": "number", "value": "5", "isFunction": false, "constant": false, "reactive": false }, { "name": "border", "kind": "let", "description": "Set to `true` to use the bordered variant", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false } ], "slots": [], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "StructuredListBody", "filePath": "/src/StructuredList/StructuredListBody.svelte", "props": [], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "StructuredListHead", "filePath": "/src/StructuredList/StructuredListHead.svelte", "props": [], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "StructuredListCell", "filePath": "/src/StructuredList/StructuredListCell.svelte", "props": [ { "name": "head", "kind": "let", "description": "Set to `true` to use as a header", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "noWrap", "kind": "let", "description": "Set to `true` to prevent wrapping", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false } ], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [ { "type": "forwarded", "name": "click", "element": "div" }, { "type": "forwarded", "name": "mouseover", "element": "div" }, { "type": "forwarded", "name": "mouseenter", "element": "div" }, { "type": "forwarded", "name": "mouseleave", "element": "div" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "StructuredListRow", "filePath": "/src/StructuredList/StructuredListRow.svelte", "props": [ { "name": "head", "kind": "let", "description": "Set to `true` to use as a header", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "label", "kind": "let", "description": "Set to `true` to render a label slot", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": false }, { "name": "tabindex", "kind": "let", "description": "Specify the tabindex", "type": "string", "value": "\"0\"", "isFunction": false, "constant": false, "reactive": false } ], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [ { "type": "forwarded", "name": "click", "element": "label" }, { "type": "forwarded", "name": "mouseover", "element": "label" }, { "type": "forwarded", "name": "mouseenter", "element": "label" }, { "type": "forwarded", "name": "mouseleave", "element": "label" }, { "type": "forwarded", "name": "keydown", "element": "label" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "label" } }, { "moduleName": "StructuredListInput", "filePath": "/src/StructuredList/StructuredListInput.svelte", "props": [ { "name": "checked", "kind": "let", "description": "Set to `true` to check the input", "type": "boolean", "value": "false", "isFunction": false, "constant": false, "reactive": true }, { "name": "title", "kind": "let", "description": "Specify the title of the input", "type": "string", "value": "\"title\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "value", "kind": "let", "description": "Specify the value of the input", "type": "string", "value": "\"value\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "id", "kind": "let", "description": "Set an id for the input element", "type": "string", "value": "\"ccs-\" + Math.random().toString(36)", "isFunction": false, "constant": false, "reactive": false }, { "name": "name", "kind": "let", "description": "Specify a name attribute for the input", "type": "string", "value": "\"\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "ref", "kind": "let", "description": "Obtain a reference to the input HTML element", "type": "null | HTMLInputElement", "value": "null", "isFunction": false, "constant": false, "reactive": true } ], "slots": [], "events": [], "typedefs": [], "rest_props": { "type": "Element", "name": "input" } }, { "moduleName": "Tabs", "filePath": "/src/Tabs/Tabs.svelte", "props": [ { "name": "selected", "kind": "let", "description": "Specify the selected tab index", "type": "number", "value": "0", "isFunction": false, "constant": false, "reactive": true }, { "name": "type", "kind": "let", "description": "Specify the type of tabs", "type": "\"default\" | \"container\"", "value": "\"default\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "iconDescription", "kind": "let", "description": "Specify the ARIA label for the chevron icon", "type": "string", "value": "\"Show menu options\"", "isFunction": false, "constant": false, "reactive": false }, { "name": "triggerHref", "kind": "let", "description": "Specify the tab trigger href attribute", "type": "string", "value": "\"#\"", "isFunction": false, "constant": false, "reactive": false } ], "slots": [ { "name": "__default__", "default": true, "slot_props": "{}" }, { "name": "content", "default": false, "slot_props": "{}" } ], "events": [ { "type": "forwarded", "name": "keypress", "element": "div" }, { "type": "forwarded", "name": "click", "element": "a" }, { "type": "dispatched", "name": "change" } ], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, { "moduleName": "Tab", "filePath": "/src/Tabs/Tab.svelte", "props": [ { "name": "label", "kind": "let", "description": "Specify the tab label\nAlternatively, use the default slot (e.g.,