rmwc
Version:
A thin React wrapper for Material Design (Web) Components
1,552 lines • 278 kB
JSON
{
"src/Base/utils/DocumentComponent.js": [
{
"description": "",
"displayName": "DocumentComponent",
"methods": []
}
],
"src/Button/index.js": [
{
"description": "An icon that goes inside of buttons. This is an instance of the Icon component.",
"displayName": "ButtonIcon",
"methods": []
},
{
"description": "The Button component. Buttons also accepts all of the props from the Ripple component.",
"displayName": "Button",
"methods": [],
"props": {
"dense": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make the Button dense.",
"defaultValue": {
"value": "false",
"computed": false
}
},
"raised": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make the Button raised.",
"defaultValue": {
"value": "false",
"computed": false
}
},
"unelevated": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make the button unelevated.",
"defaultValue": {
"value": "false",
"computed": false
}
},
"outlined": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make the button outlined.",
"defaultValue": {
"value": "false",
"computed": false
}
},
"disabled": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "make the button disabled"
},
"ripple": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Enable / disable the ripple.",
"defaultValue": {
"value": "true",
"computed": false
}
}
},
"context": {
"RMWCOptions": {
"type": {
"name": "object"
},
"required": false
}
}
}
],
"src/Card/index.js": [
{
"description": "A Card Component",
"displayName": "Card",
"methods": [],
"props": {
"outlined": {
"flowType": {
"name": "boolean"
},
"required": true,
"description": "Removes the shadow and displays a hairline outline instead"
}
}
},
{
"description": "Media area that displays a custom background-image with background-size: cover",
"displayName": "CardMedia",
"methods": [],
"props": {
"square": {
"flowType": {
"name": "boolean"
},
"required": true,
"description": "Automatically scales the media area’s height to equal its width"
},
"sixteenByNine": {
"flowType": {
"name": "boolean"
},
"required": true,
"description": "Automatically scales the media area’s height according to its width, maintaining a 16:9 aspect ratio"
}
}
},
{
"description": "An absolutely-positioned box the same size as the media area, for displaying a title or icon on top of the background-image",
"displayName": "CardMediaContent",
"methods": []
},
{
"description": "Row containing action buttons and/or icons",
"displayName": "CardActions",
"methods": [],
"props": {
"fullBleed": {
"flowType": {
"name": "boolean"
},
"required": true,
"description": "Removes the action area’s padding and causes its only child (an mdc-card__action element) to consume 100% of the action area’s width"
}
}
},
{
"description": "A group of action buttons, displayed on the left side of the card (in LTR), adjacent to CardActionIcons",
"displayName": "CardActionButtons",
"methods": []
},
{
"description": "A group of supplemental action icons, displayed on the right side of the card (in LTR), adjacent to CardActionButtons",
"displayName": "CardActionIcons",
"methods": []
},
{
"description": "A Card action Button. Depending on the props that are passed, this will either render an instance of the Button component, or the IconButton component.",
"displayName": "CardAction",
"methods": [],
"props": {
"isIcon": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Forces the action to be an icon. In most cases, this will be determined for you."
}
}
}
],
"src/Checkbox/index.js": [
{
"description": "",
"displayName": "CheckboxRoot",
"methods": [
{
"name": "classNames",
"docblock": null,
"modifiers": [],
"params": [
{
"name": "props",
"type": {
"name": "intersection",
"raw": "{\n /** A DOM ID for the toggle. */\n id?: string,\n /** Disables the control. */\n disabled?: boolean,\n /** Toggle the control on and off. */\n checked?: boolean | string,\n /** The value of the control. */\n value?: boolean | string | number,\n /** Make the control indeterminate */\n indeterminate?: boolean,\n /** A label for the control. */\n label?: string\n} & SimpleTagPropsT",
"elements": [
{
"name": "signature",
"type": "object",
"raw": "{\n /** A DOM ID for the toggle. */\n id?: string,\n /** Disables the control. */\n disabled?: boolean,\n /** Toggle the control on and off. */\n checked?: boolean | string,\n /** The value of the control. */\n value?: boolean | string | number,\n /** Make the control indeterminate */\n indeterminate?: boolean,\n /** A label for the control. */\n label?: string\n}",
"signature": {
"properties": [
{
"key": "id",
"value": {
"name": "string",
"required": false
}
},
{
"key": "disabled",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "checked",
"value": {
"name": "union",
"raw": "boolean | string",
"elements": [
{
"name": "boolean"
},
{
"name": "string"
}
],
"required": false
}
},
{
"key": "value",
"value": {
"name": "union",
"raw": "boolean | string | number",
"elements": [
{
"name": "boolean"
},
{
"name": "string"
},
{
"name": "number"
}
],
"required": false
}
},
{
"key": "indeterminate",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "label",
"value": {
"name": "string",
"required": false
}
}
]
}
},
{
"name": "SimpleTagPropsT"
}
],
"alias": "CheckboxPropsT"
}
}
],
"returns": null
}
]
},
{
"description": "",
"displayName": "CheckboxNativeControl",
"methods": [],
"props": {
"type": {
"defaultValue": {
"value": "'checkbox'",
"computed": false
},
"required": false
}
}
},
{
"description": "",
"displayName": "CheckboxBackground",
"methods": []
},
{
"description": "",
"displayName": "CheckboxCheckmark",
"methods": [],
"props": {
"viewBox": {
"defaultValue": {
"value": "'0 0 24 24'",
"computed": false
},
"required": false
}
}
},
{
"description": "",
"displayName": "CheckboxCheckmarkPath",
"methods": [],
"props": {
"fill": {
"defaultValue": {
"value": "'none'",
"computed": false
},
"required": false
},
"stroke": {
"defaultValue": {
"value": "'white'",
"computed": false
},
"required": false
},
"d": {
"defaultValue": {
"value": "'M1.73,12.91 8.1,19.28 22.79,4.59'",
"computed": false
},
"required": false
}
}
},
{
"description": "",
"displayName": "CheckboxMixedmark",
"methods": []
},
{
"description": "",
"displayName": "CheckboxLabel",
"methods": []
},
{
"description": "A Checkbox component",
"displayName": "Checkbox",
"methods": [
{
"name": "syncWithProps",
"docblock": null,
"modifiers": [],
"params": [
{
"name": "nextProps",
"type": {
"name": "intersection",
"raw": "{\n /** A DOM ID for the toggle. */\n id?: string,\n /** Disables the control. */\n disabled?: boolean,\n /** Toggle the control on and off. */\n checked?: boolean | string,\n /** The value of the control. */\n value?: boolean | string | number,\n /** Make the control indeterminate */\n indeterminate?: boolean,\n /** A label for the control. */\n label?: string\n} & SimpleTagPropsT",
"elements": [
{
"name": "signature",
"type": "object",
"raw": "{\n /** A DOM ID for the toggle. */\n id?: string,\n /** Disables the control. */\n disabled?: boolean,\n /** Toggle the control on and off. */\n checked?: boolean | string,\n /** The value of the control. */\n value?: boolean | string | number,\n /** Make the control indeterminate */\n indeterminate?: boolean,\n /** A label for the control. */\n label?: string\n}",
"signature": {
"properties": [
{
"key": "id",
"value": {
"name": "string",
"required": false
}
},
{
"key": "disabled",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "checked",
"value": {
"name": "union",
"raw": "boolean | string",
"elements": [
{
"name": "boolean"
},
{
"name": "string"
}
],
"required": false
}
},
{
"key": "value",
"value": {
"name": "union",
"raw": "boolean | string | number",
"elements": [
{
"name": "boolean"
},
{
"name": "string"
},
{
"name": "number"
}
],
"required": false
}
},
{
"key": "indeterminate",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "label",
"value": {
"name": "string",
"required": false
}
}
]
}
},
{
"name": "SimpleTagPropsT"
}
],
"alias": "CheckboxPropsT"
}
}
],
"returns": null
}
],
"props": {
"id": {
"flowType": {
"name": "string"
},
"required": false,
"description": "A DOM ID for the toggle."
},
"disabled": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Disables the control."
},
"checked": {
"flowType": {
"name": "union",
"raw": "boolean | string",
"elements": [
{
"name": "boolean"
},
{
"name": "string"
}
]
},
"required": false,
"description": "Toggle the control on and off."
},
"value": {
"flowType": {
"name": "union",
"raw": "boolean | string | number",
"elements": [
{
"name": "boolean"
},
{
"name": "string"
},
{
"name": "number"
}
]
},
"required": false,
"description": "The value of the control."
},
"indeterminate": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make the control indeterminate"
},
"label": {
"flowType": {
"name": "string"
},
"required": false,
"description": "A label for the control."
}
}
}
],
"src/Chip/index.js": [
{
"description": "A chip component.",
"displayName": "ChipRoot",
"methods": [
{
"name": "classNames",
"docblock": null,
"modifiers": [],
"params": [
{
"name": "props",
"type": {
"name": "intersection",
"raw": "{\n /** A custom event you can use from MCW. You can also just use onClick instead. */\n onInteraction?: (evt: Event) => mixed,\n /** A custom event for the trailing icon that you can use from MCW. You can also just use onClick instead. */\n onTrailingIconInteraction?: (evt: Event) => mixed,\n /** A custom event for when the chip is removed. */\n onRemoval?: (evt: Event) => mixed,\n /** makes the Chip appear selected. */\n selected?: boolean\n} & SimpleTagPropsT",
"elements": [
{
"name": "signature",
"type": "object",
"raw": "{\n /** A custom event you can use from MCW. You can also just use onClick instead. */\n onInteraction?: (evt: Event) => mixed,\n /** A custom event for the trailing icon that you can use from MCW. You can also just use onClick instead. */\n onTrailingIconInteraction?: (evt: Event) => mixed,\n /** A custom event for when the chip is removed. */\n onRemoval?: (evt: Event) => mixed,\n /** makes the Chip appear selected. */\n selected?: boolean\n}",
"signature": {
"properties": [
{
"key": "onInteraction",
"value": {
"name": "signature",
"type": "function",
"raw": "(evt: Event) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "Event"
}
}
],
"return": {
"name": "mixed"
}
},
"required": false
}
},
{
"key": "onTrailingIconInteraction",
"value": {
"name": "signature",
"type": "function",
"raw": "(evt: Event) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "Event"
}
}
],
"return": {
"name": "mixed"
}
},
"required": false
}
},
{
"key": "onRemoval",
"value": {
"name": "signature",
"type": "function",
"raw": "(evt: Event) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "Event"
}
}
],
"return": {
"name": "mixed"
}
},
"required": false
}
},
{
"key": "selected",
"value": {
"name": "boolean",
"required": false
}
}
]
}
},
{
"name": "SimpleTagPropsT"
}
],
"alias": "ChipPropsT"
}
}
],
"returns": null
}
]
},
{
"description": "",
"displayName": "Chip",
"methods": [
{
"name": "initialize",
"docblock": null,
"modifiers": [],
"params": [],
"returns": null
}
],
"props": {
"onInteraction": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: Event) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "Event"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "A custom event you can use from MCW. You can also just use onClick instead."
},
"onTrailingIconInteraction": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: Event) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "Event"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "A custom event for the trailing icon that you can use from MCW. You can also just use onClick instead."
},
"onRemoval": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: Event) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "Event"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "A custom event for when the chip is removed."
},
"selected": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "makes the Chip appear selected."
}
}
},
{
"description": "A checkmark for chip selection and filtering.",
"displayName": "ChipCheckmark",
"methods": []
},
{
"description": "Text for a chip.",
"displayName": "ChipText",
"methods": []
},
{
"description": "Icons inside of a chip. This is an instance of the Icon component. To make the icons interactive, add props tabIndex=\"0\" and role=\"button\".",
"displayName": "ChipIconRoot",
"methods": [
{
"name": "classNames",
"docblock": null,
"modifiers": [],
"params": [
{
"name": "props",
"type": {
"name": "intersection",
"raw": "{\n /** Make it a leading icon */\n leading?: boolean,\n /** Make it a trailing icon */\n trailing?: boolean\n} & SimpleTagPropsT &\n IconPropsT",
"elements": [
{
"name": "signature",
"type": "object",
"raw": "{\n /** Make it a leading icon */\n leading?: boolean,\n /** Make it a trailing icon */\n trailing?: boolean\n}",
"signature": {
"properties": [
{
"key": "leading",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "trailing",
"value": {
"name": "boolean",
"required": false
}
}
]
}
},
{
"name": "SimpleTagPropsT"
},
{
"name": "IconPropsT"
}
],
"alias": "ChipIconPropsT"
}
}
],
"returns": null
}
]
},
{
"description": "",
"displayName": "ChipIcon",
"methods": [],
"props": {
"leading": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make it a leading icon"
},
"trailing": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make it a trailing icon"
}
}
},
{
"description": "",
"displayName": "ChipSetRoot",
"methods": [
{
"name": "classNames",
"docblock": null,
"modifiers": [],
"params": [
{
"name": "props",
"type": {
"name": "signature",
"type": "object",
"raw": "{\n /** Creates a choice chipset */\n choice?: boolean,\n /** Creates a filter chipset */\n filter?: boolean\n}",
"signature": {
"properties": [
{
"key": "choice",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "filter",
"value": {
"name": "boolean",
"required": false
}
}
]
},
"alias": "ChipSetPropsT"
}
}
],
"returns": null
}
]
},
{
"description": "A container for multiple Chip components.",
"displayName": "ChipSet",
"methods": [],
"props": {
"choice": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Creates a choice chipset"
},
"filter": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Creates a filter chipset"
}
}
},
{
"description": "A non-standard abbreviated way for rendering chips.",
"displayName": "SimpleChip",
"methods": [],
"props": {
"text": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Text for your Chip"
},
"leadingIcon": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Instance of an Icon Component"
},
"trailingIcon": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Instance of an Icon Component"
},
"checkmark": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Includes a checkmark for the selected state"
},
"children": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Additional children will be rendered in the text area"
}
}
}
],
"src/Dialog/index.js": [
{
"description": "",
"displayName": "DialogRoot",
"methods": [],
"props": {
"role": {
"defaultValue": {
"value": "'alertdialog'",
"computed": false
},
"required": false
}
}
},
{
"description": "The Dialog backdrop",
"displayName": "DialogBackdrop",
"methods": []
},
{
"description": "The Dialog surface",
"displayName": "DialogSurface",
"methods": []
},
{
"description": "The Dialog header",
"displayName": "DialogHeader",
"methods": []
},
{
"description": "The Dialog title",
"displayName": "DialogHeaderTitle",
"methods": []
},
{
"description": "The Dialog body",
"displayName": "DialogBody",
"methods": [],
"props": {
"scrollable": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make it scrollable."
}
}
},
{
"description": "The Dialog footer",
"displayName": "DialogFooter",
"methods": []
},
{
"description": "A Dialog footer button",
"displayName": "DialogFooterButton",
"methods": [],
"props": {
"accept": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make it an accept button."
},
"cancel": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Make it a cancel button."
}
}
},
{
"description": "",
"displayName": "Dialog",
"methods": [
{
"name": "syncWithProps",
"docblock": null,
"modifiers": [],
"params": [
{
"name": "nextProps",
"type": {
"name": "signature",
"type": "object",
"raw": "{\n /** Whether or not the Dialog is showing. */\n open: boolean,\n /** Callback for when the accept Button is pressed. */\n onAccept?: (evt: CustomEventT<void>) => mixed,\n /** Callback for when the Dialog was closed without acceptance. */\n onCancel?: (evt: CustomEventT<void>) => mixed,\n /** Callback for when the Dialog closes. */\n onClose?: (evt: CustomEventT<void>) => mixed\n}",
"signature": {
"properties": [
{
"key": "open",
"value": {
"name": "boolean",
"required": true
}
},
{
"key": "onAccept",
"value": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
},
"required": false
}
},
{
"key": "onCancel",
"value": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
},
"required": false
}
},
{
"key": "onClose",
"value": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
},
"required": false
}
}
]
},
"alias": "DialogPropsT"
}
}
],
"returns": null
}
],
"props": {
"open": {
"flowType": {
"name": "boolean"
},
"required": true,
"description": "Whether or not the Dialog is showing."
},
"onAccept": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "Callback for when the accept Button is pressed."
},
"onCancel": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "Callback for when the Dialog was closed without acceptance."
},
"onClose": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "Callback for when the Dialog closes."
}
}
},
{
"description": "A non-standard SimpleDialog component for ease of use.",
"displayName": "SimpleDialog",
"methods": [],
"props": {
"title": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "A title for the default Dialog template.",
"defaultValue": {
"value": "undefined",
"computed": true
}
},
"header": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Additional Dialog header content for the default Dialog template.",
"defaultValue": {
"value": "undefined",
"computed": true
}
},
"body": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Body content for the default Dialog template, rendered before children.",
"defaultValue": {
"value": "undefined",
"computed": true
}
},
"footer": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Additional footer content for the default Dialog template, rendered before any buttons.",
"defaultValue": {
"value": "undefined",
"computed": true
}
},
"acceptLabel": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Creates an accept button for the default Dialog template with a given label. You can pass `null` to remove the button.",
"defaultValue": {
"value": "'Accept'",
"computed": false
}
},
"cancelLabel": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Creates an cancel button for the default Dialog with a given label. You can pass `null` to remove the button.",
"defaultValue": {
"value": "'Cancel'",
"computed": false
}
},
"children": {
"flowType": {
"name": "ReactNode",
"raw": "React.Node"
},
"required": false,
"description": "Any children will be rendered in the body of the default Dialog template.",
"defaultValue": {
"value": "undefined",
"computed": true
}
},
"scrollable": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Allow the body to be scrollable",
"defaultValue": {
"value": "undefined",
"computed": true
}
},
"open": {
"flowType": {
"name": "boolean"
},
"required": false,
"description": "Whether or not the Dialog is showing.",
"defaultValue": {
"value": "false",
"computed": false
}
},
"onAccept": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "Callback for when the accept Button is pressed.",
"defaultValue": {
"value": "noop",
"computed": true
}
},
"onCancel": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "Callback for when the Dialog was closed without acceptance.",
"defaultValue": {
"value": "noop",
"computed": true
}
},
"onClose": {
"flowType": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
}
},
"required": false,
"description": "Callback for when the Dialog closes.",
"defaultValue": {
"value": "noop",
"computed": true
}
}
}
}
],
"src/Drawer/index.js": [
{
"description": "",
"displayName": "DrawerHeaderRoot",
"methods": []
},
{
"description": "",
"displayName": "DrawerHeaderContent",
"methods": []
},
{
"description": "A Header for Drawers",
"displayName": "DrawerHeader",
"methods": []
},
{
"description": "If you are using fixed a Toolbar, this provides space for it.",
"displayName": "DrawerToolbarSpacer",
"methods": []
},
{
"description": "Content for Drawers. Please note this is an instance of mdc-list by default. You can change this to a a non list container by specifying the tag as 'div' or anything else.",
"displayName": "DrawerContent",
"methods": []
},
{
"description": "",
"displayName": "DrawerRoot",
"methods": [
{
"name": "classNames",
"docblock": null,
"modifiers": [],
"params": [
{
"name": "props",
"type": {
"name": "intersection",
"raw": "{\n /** Opens or closes the Drawer. */\n open?: boolean,\n /** Callback that fires when the Drawer is closed. */\n onClose?: (evt: CustomEventT<void>) => mixed,\n /** Callback that fires when the Drawer is opened. */\n onOpen?: (evt: CustomEventT<void>) => mixed,\n /** Makes a permanent drawer. */\n permanent?: boolean,\n /** Makes a persistent drawer. */\n persistent?: boolean,\n /** Makes a temporary drawer. */\n temporary?: boolean\n} & SimpleTagPropsT",
"elements": [
{
"name": "signature",
"type": "object",
"raw": "{\n /** Opens or closes the Drawer. */\n open?: boolean,\n /** Callback that fires when the Drawer is closed. */\n onClose?: (evt: CustomEventT<void>) => mixed,\n /** Callback that fires when the Drawer is opened. */\n onOpen?: (evt: CustomEventT<void>) => mixed,\n /** Makes a permanent drawer. */\n permanent?: boolean,\n /** Makes a persistent drawer. */\n persistent?: boolean,\n /** Makes a temporary drawer. */\n temporary?: boolean\n}",
"signature": {
"properties": [
{
"key": "open",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "onClose",
"value": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
},
"required": false
}
},
{
"key": "onOpen",
"value": {
"name": "signature",
"type": "function",
"raw": "(evt: CustomEventT<void>) => mixed",
"signature": {
"arguments": [
{
"name": "evt",
"type": {
"name": "CustomEventT",
"elements": [
{
"name": "void"
}
],
"raw": "CustomEventT<void>"
}
}
],
"return": {
"name": "mixed"
}
},
"required": false
}
},
{
"key": "permanent",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "persistent",
"value": {
"name": "boolean",
"required": false
}
},
{
"key": "temporary",
"value": {
"name": "boolean",
"required": false
}
}
]
}
},
{
"name": "SimpleTagPropsT"
}
],
"alias": "DrawerPropsT"
}
}
],
"returns": null
}
]
},
{
"description": "",
"displayName": "DrawerDrawer",
"methods": []
},
{
"description": "",
"displayName": "Drawer",
"methods": [],
"props": {
"op