@3mo/checkbox-group/dist/custom-elements.json

A checkbox-group web-component based on Material Web Components.

{
	"version": "experimental",
	"tags": [
		{
			"name": "mo-checkbox-group",
			"path": ".\\packages\\CheckboxGroup\\CheckboxGroup.ts",
			"attributes": [
				{
					"name": "direction",
					"type": "FlexDirection",
					"default": "\"vertical\""
				},
				{
					"name": "label",
					"description": "The label of the checkbox.",
					"type": "string",
					"default": "\"\""
				},
				{
					"name": "disabled",
					"description": "Whether the checkbox is disabled or not.",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "selected",
					"description": "Whether the checkbox is selected or not. This can be set to 'indeterminate' to show a dash instead of a check-mark.",
					"type": "CheckboxSelection",
					"default": "false"
				}
			],
			"properties": [
				{
					"name": "direction",
					"attribute": "direction",
					"type": "FlexDirection",
					"default": "\"vertical\""
				},
				{
					"name": "selectedPropertyConverter",
					"type": "(value: unknown) => boolean | \"indeterminate\"",
					"default": "\"(value: unknown) => value === 'indeterminate' ? value : value === ''\""
				},
				{
					"name": "change",
					"type": "EventDispatcher<CheckboxSelection>"
				},
				{
					"name": "label",
					"attribute": "label",
					"description": "The label of the checkbox.",
					"type": "string",
					"default": "\"\""
				},
				{
					"name": "disabled",
					"attribute": "disabled",
					"description": "Whether the checkbox is disabled or not.",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "selected",
					"attribute": "selected",
					"description": "Whether the checkbox is selected or not. This can be set to 'indeterminate' to show a dash instead of a check-mark.",
					"type": "CheckboxSelection",
					"default": "false"
				}
			],
			"events": [
				{
					"name": "change",
					"description": "Dispatched when the selection state of the checkbox changes.",
					"type": "CustomEvent<CheckboxSelection>"
				}
			],
			"cssProperties": [
				{
					"name": "--mo-checkbox-accent-color"
				},
				{
					"name": "--mo-checkbox-disabled-color"
				}
			]
		},
		{
			"name": "mo-checkbox-group",
			"path": ".\\packages\\CheckboxGroup\\dist\\CheckboxGroup.d.ts",
			"attributes": [
				{
					"name": "direction",
					"type": "FlexDirection"
				},
				{
					"name": "label",
					"description": "The label of the checkbox.",
					"type": "string",
					"default": "\"\""
				},
				{
					"name": "disabled",
					"description": "Whether the checkbox is disabled or not.",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "selected",
					"description": "Whether the checkbox is selected or not. This can be set to 'indeterminate' to show a dash instead of a check-mark.",
					"type": "CheckboxSelection",
					"default": "false"
				}
			],
			"properties": [
				{
					"name": "direction",
					"attribute": "direction",
					"type": "FlexDirection"
				},
				{
					"name": "selectedPropertyConverter",
					"type": "(value: unknown) => boolean | \"indeterminate\"",
					"default": "\"(value: unknown) => value === 'indeterminate' ? value : value === ''\""
				},
				{
					"name": "change",
					"type": "EventDispatcher<CheckboxSelection>"
				},
				{
					"name": "label",
					"attribute": "label",
					"description": "The label of the checkbox.",
					"type": "string",
					"default": "\"\""
				},
				{
					"name": "disabled",
					"attribute": "disabled",
					"description": "Whether the checkbox is disabled or not.",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "selected",
					"attribute": "selected",
					"description": "Whether the checkbox is selected or not. This can be set to 'indeterminate' to show a dash instead of a check-mark.",
					"type": "CheckboxSelection",
					"default": "false"
				}
			],
			"events": [
				{
					"name": "change",
					"description": "Dispatched when the selection state of the checkbox changes.",
					"type": "CustomEvent<CheckboxSelection>"
				}
			],
			"cssProperties": [
				{
					"name": "--mo-checkbox-accent-color"
				},
				{
					"name": "--mo-checkbox-disabled-color"
				}
			]
		}
	]
}