@tidy-ui/chip
Version:
Introducing the versatile Chip, your info companion! It's like a badge, displaying extra details. Choose sizes, tones, filled or outlined styles, and icon placement. Make it clickable for user actions. Chip is enhanced by theming and styling, ready to ele
252 lines (251 loc) • 10.4 kB
JSON
[
{
"comment": "/**\n * The IChipProps interface provides a comprehensive set of properties that can be utilized to customize and control the behavior of the Chip component.\n * The Chip is a versatile UI element designed to display compact pieces of information or actions, often used for tags, labels, or interactive items.\n *\n * @interface IChipProps\n * @type {IChipProps}\n * @augments {HTMLAttributes<HTMLDivElement>}\n * @public\n * @since 0.47.0\n * @interface IChipProps\n */",
"meta": {
"filename": "types.ts",
"lineno": 6,
"columnno": 0,
"path": "/home/runner/work/tidy-ui/tidy-ui/packages/chip/src",
"code": {}
},
"description": "<p>The IChipProps interface provides a comprehensive set of properties that can be utilized to customize and control the behavior of the Chip component.\nThe Chip is a versatile UI element designed to display compact pieces of information or actions, often used for tags, labels, or interactive items.</p>",
"kind": "interface",
"name": "IChipProps",
"type": {
"names": [
"IChipProps"
]
},
"augments": [
"HTMLAttributes<HTMLDivElement>"
],
"access": "public",
"since": "0.47.0",
"longname": "IChipProps",
"scope": "global"
},
{
"comment": "/**\n * The girth property controls the size of the chip component. You can use predefined size values, such as 'sm', 'md', 'lg', etc., to adjust the visual dimensions of the chip.\n *\n * @type {TGirth}\n * @default md\n * @public\n * @since 0.47.0\n * @name IChipProps#girth\n * @optional\n * @type {TGirth}\n */",
"meta": {
"filename": "types.ts",
"lineno": 17,
"columnno": 0,
"path": "/home/runner/work/tidy-ui/tidy-ui/packages/chip/src",
"code": {}
},
"description": "<p>The girth property controls the size of the chip component. You can use predefined size values, such as 'sm', 'md', 'lg', etc., to adjust the visual dimensions of the chip.</p>",
"type": {
"names": [
"TGirth"
]
},
"defaultvalue": "md",
"access": "public",
"since": "0.47.0",
"name": "girth",
"tags": [
{
"originalTitle": "optional",
"title": "optional",
"text": ""
}
],
"memberof": "IChipProps",
"longname": "IChipProps#girth",
"scope": "instance",
"kind": "member",
"optional": true
},
{
"comment": "/**\n * The icon property allows you to embed an icon element inside the chip. This icon can enhance the visual representation of the chip and provide additional context or visual cues.\n *\n * @type {JSX.Element}\n * @public\n * @since 0.47.0\n * @name IChipProps#icon\n * @optional\n * @type {JSX.Element}\n */",
"meta": {
"filename": "types.ts",
"lineno": 28,
"columnno": 0,
"path": "/home/runner/work/tidy-ui/tidy-ui/packages/chip/src",
"code": {}
},
"description": "<p>The icon property allows you to embed an icon element inside the chip. This icon can enhance the visual representation of the chip and provide additional context or visual cues.</p>",
"type": {
"names": [
"JSX.Element"
]
},
"access": "public",
"since": "0.47.0",
"name": "icon",
"tags": [
{
"originalTitle": "optional",
"title": "optional",
"text": ""
}
],
"memberof": "IChipProps",
"longname": "IChipProps#icon",
"scope": "instance",
"kind": "member",
"optional": true
},
{
"comment": "/**\n * When set to true, the isClickable property enables click actions on the chip component. This means that users can interact with the chip by clicking on it, triggering any associated actions or behaviors.\n *\n * @type {boolean}\n * @default false\n * @public\n * @since 0.47.0\n * @name IChipProps#isClickable\n * @optional\n * @type {boolean}\n */",
"meta": {
"filename": "types.ts",
"lineno": 38,
"columnno": 0,
"path": "/home/runner/work/tidy-ui/tidy-ui/packages/chip/src",
"code": {}
},
"description": "<p>When set to true, the isClickable property enables click actions on the chip component. This means that users can interact with the chip by clicking on it, triggering any associated actions or behaviors.</p>",
"type": {
"names": [
"boolean"
]
},
"defaultvalue": "false",
"access": "public",
"since": "0.47.0",
"name": "isClickable",
"tags": [
{
"originalTitle": "optional",
"title": "optional",
"text": ""
}
],
"memberof": "IChipProps",
"longname": "IChipProps#isClickable",
"scope": "instance",
"kind": "member",
"optional": true
},
{
"comment": "/**\n * The isFilled property determines whether the chip should have a filled variant. When isFilled is set to true, the chip will have a visually distinct filled appearance, which can help emphasize its presence or state.\n *\n * @type {boolean}\n * @default false\n * @public\n * @since 0.47.0\n * @name IChipProps#isFilled\n * @optional\n * @type {boolean}\n */",
"meta": {
"filename": "types.ts",
"lineno": 49,
"columnno": 0,
"path": "/home/runner/work/tidy-ui/tidy-ui/packages/chip/src",
"code": {}
},
"description": "<p>The isFilled property determines whether the chip should have a filled variant. When isFilled is set to true, the chip will have a visually distinct filled appearance, which can help emphasize its presence or state.</p>",
"type": {
"names": [
"boolean"
]
},
"defaultvalue": "false",
"access": "public",
"since": "0.47.0",
"name": "isFilled",
"tags": [
{
"originalTitle": "optional",
"title": "optional",
"text": ""
}
],
"memberof": "IChipProps",
"longname": "IChipProps#isFilled",
"scope": "instance",
"kind": "member",
"optional": true
},
{
"comment": "/**\n * The placement property controls the positioning of the icon element inside the chip. You can choose between 'left' and 'right' to specify whether the icon should be displayed to the left or right of the chip's content.\n *\n * @type {'left' | 'right'}\n * @default left\n * @public\n * @since 0.47.0\n * @name IChipProps#placement\n * @optional\n * @type {'left' | 'right'}\n */",
"meta": {
"filename": "types.ts",
"lineno": 60,
"columnno": 0,
"path": "/home/runner/work/tidy-ui/tidy-ui/packages/chip/src",
"code": {}
},
"description": "<p>The placement property controls the positioning of the icon element inside the chip. You can choose between 'left' and 'right' to specify whether the icon should be displayed to the left or right of the chip's content.</p>",
"type": {
"names": [
"'left'",
"'right'"
]
},
"defaultvalue": "left",
"access": "public",
"since": "0.47.0",
"name": "placement",
"tags": [
{
"originalTitle": "optional",
"title": "optional",
"text": ""
}
],
"memberof": "IChipProps",
"longname": "IChipProps#placement",
"scope": "instance",
"kind": "member",
"optional": true
},
{
"comment": "/**\n * The tone property defines the color tone of the chip component. You can use predefined tone values like 'major', 'minor', etc., to apply different color schemes to the chip. The default tone is 'neutral'.\n *\n * @type {TTone}\n * @default neutral\n * @public\n * @since 0.47.0\n * @name IChipProps#tone\n * @optional\n * @type {TTone}\n */",
"meta": {
"filename": "types.ts",
"lineno": 71,
"columnno": 0,
"path": "/home/runner/work/tidy-ui/tidy-ui/packages/chip/src",
"code": {}
},
"description": "<p>The tone property defines the color tone of the chip component. You can use predefined tone values like 'major', 'minor', etc., to apply different color schemes to the chip. The default tone is 'neutral'.</p>",
"type": {
"names": [
"TTone"
]
},
"defaultvalue": "neutral",
"access": "public",
"since": "0.47.0",
"name": "tone",
"tags": [
{
"originalTitle": "optional",
"title": "optional",
"text": ""
}
],
"memberof": "IChipProps",
"longname": "IChipProps#tone",
"scope": "instance",
"kind": "member",
"optional": true
},
{
"comment": "",
"meta": {
"range": [
6,
16
],
"filename": "types.ts",
"lineno": 1,
"columnno": 6,
"path": "/home/runner/work/tidy-ui/tidy-ui/packages/chip/src",
"code": {
"id": "astnode100000003",
"name": "_____a",
"type": "Literal",
"value": 1
}
},
"undocumented": true,
"name": "_____a",
"longname": "_____a",
"kind": "constant",
"scope": "global",
"params": []
},
{
"kind": "package",
"longname": "package:undefined",
"files": [
"/home/runner/work/tidy-ui/tidy-ui/packages/chip/src/types.ts"
]
}
]