chore: format string values in comments with double quotes (#26857)

This commit is contained in:
Sean Perkins
2023-02-28 21:16:15 -05:00
committed by GitHub
parent ac66215399
commit 67578f6246
13 changed files with 121 additions and 121 deletions

View File

@ -96,7 +96,7 @@ export namespace Components {
*/ */
"toggleIcon": string; "toggleIcon": string;
/** /**
* The slot inside of `ion-item` to place the toggle icon. Defaults to `'end'`. * The slot inside of `ion-item` to place the toggle icon. Defaults to `"end"`.
*/ */
"toggleIconSlot": 'start' | 'end'; "toggleIconSlot": 'start' | 'end';
/** /**
@ -619,11 +619,11 @@ export namespace Components {
*/ */
"indeterminate": boolean; "indeterminate": boolean;
/** /**
* How to pack the label and checkbox within a line. `'start'`: The label and checkbox will appear on the left in LTR and on the right in RTL. `'end'`: The label and checkbox will appear on the right in LTR and on the left in RTL. `'space-between'`: The label and checkbox will appear on opposite ends of the line with space between the two elements. * How to pack the label and checkbox within a line. `"start"`: The label and checkbox will appear on the left in LTR and on the right in RTL. `"end"`: The label and checkbox will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and checkbox will appear on opposite ends of the line with space between the two elements.
*/ */
"justify": 'start' | 'end' | 'space-between'; "justify": 'start' | 'end' | 'space-between';
/** /**
* Where to place the label relative to the checkbox. `'start'`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `'end'`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the checkbox. `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement": 'start' | 'end' | 'fixed'; "labelPlacement": 'start' | 'end' | 'fixed';
/** /**
@ -867,7 +867,7 @@ export namespace Components {
*/ */
"isDateEnabled"?: (dateIsoString: string) => boolean; "isDateEnabled"?: (dateIsoString: string) => boolean;
/** /**
* The locale to use for `ion-datetime`. This impacts month and day name formatting. The `'default'` value refers to the default locale set by your device. * The locale to use for `ion-datetime`. This impacts month and day name formatting. The `"default"` value refers to the default locale set by your device.
*/ */
"locale": string; "locale": string;
/** /**
@ -899,11 +899,11 @@ export namespace Components {
*/ */
"name": string; "name": string;
/** /**
* If `true`, a wheel picker will be rendered instead of a calendar grid where possible. If `false`, a calendar grid will be rendered instead of a wheel picker where possible. A wheel picker can be rendered instead of a grid when `presentation` is one of the following values: `'date'`, `'date-time'`, or `'time-date'`. A wheel picker will always be rendered regardless of the `preferWheel` value when `presentation` is one of the following values: `'time'`, `'month'`, `'month-year'`, or `'year'`. * If `true`, a wheel picker will be rendered instead of a calendar grid where possible. If `false`, a calendar grid will be rendered instead of a wheel picker where possible. A wheel picker can be rendered instead of a grid when `presentation` is one of the following values: `"date"`, `"date-time"`, or `"time-date"`. A wheel picker will always be rendered regardless of the `preferWheel` value when `presentation` is one of the following values: `"time"`, `"month"`, `"month-year"`, or `"year"`.
*/ */
"preferWheel": boolean; "preferWheel": boolean;
/** /**
* Which values you want to select. `'date'` will show a calendar picker to select the month, day, and year. `'time'` will show a time picker to select the hour, minute, and (optionally) AM/PM. `'date-time'` will show the date picker first and time picker second. `'time-date'` will show the time picker first and date picker second. * Which values you want to select. `"date"` will show a calendar picker to select the month, day, and year. `"time"` will show a time picker to select the hour, minute, and (optionally) AM/PM. `"date-time"` will show the date picker first and time picker second. `"time-date"` will show the time picker first and date picker second.
*/ */
"presentation": DatetimePresentation; "presentation": DatetimePresentation;
/** /**
@ -1194,7 +1194,7 @@ export namespace Components {
*/ */
"errorText"?: string; "errorText"?: string;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If `'outline'` the item will be transparent with a border. Only available in `md` mode. * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
"fill"?: 'outline' | 'solid'; "fill"?: 'outline' | 'solid';
/** /**
@ -1214,7 +1214,7 @@ export namespace Components {
*/ */
"label"?: string; "label"?: string;
/** /**
* Where to place the label relative to the input. `'start'`: The label will appear to the left of the input in LTR and to the right in RTL. `'end'`: The label will appear to the right of the input in LTR and to the left in RTL. `'floating'`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input. `'stacked'`: The label will appear smaller and above the input regardless even when the input is blurred or has no value. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the input. `"start"`: The label will appear to the left of the input in LTR and to the right in RTL. `"end"`: The label will appear to the right of the input in LTR and to the left in RTL. `"floating"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input. `"stacked"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
/** /**
@ -1330,7 +1330,7 @@ export namespace Components {
*/ */
"download": string | undefined; "download": string | undefined;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If `'outline'` the item will be transparent with a border. Only available in `md` mode. * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
"fill"?: 'outline' | 'solid'; "fill"?: 'outline' | 'solid';
/** /**
@ -2068,7 +2068,7 @@ export namespace Components {
} }
interface IonPopover { interface IonPopover {
/** /**
* Describes how to align the popover content with the `reference` point. Defaults to `'center'` for `ios` mode, and `'start'` for `md` mode. * Describes how to align the popover content with the `reference` point. Defaults to `"center"` for `ios` mode, and `"start"` for `md` mode.
*/ */
"alignment"?: PositionAlign; "alignment"?: PositionAlign;
/** /**
@ -2160,7 +2160,7 @@ export namespace Components {
*/ */
"presentFromTrigger": (event?: any, focusDescendant?: boolean) => Promise<void>; "presentFromTrigger": (event?: any, focusDescendant?: boolean) => Promise<void>;
/** /**
* Describes what to position the popover relative to. If `'trigger'`, the popover will be positioned relative to the trigger button. If passing in an event, this is determined via event.target. If `'event'`, the popover will be positioned relative to the x/y coordinates of the trigger action. If passing in an event, this is determined via event.clientX and event.clientY. * Describes what to position the popover relative to. If `"trigger"`, the popover will be positioned relative to the trigger button. If passing in an event, this is determined via event.target. If `"event"`, the popover will be positioned relative to the x/y coordinates of the trigger action. If passing in an event, this is determined via event.clientX and event.clientY.
*/ */
"reference": PositionReference; "reference": PositionReference;
/** /**
@ -2168,11 +2168,11 @@ export namespace Components {
*/ */
"showBackdrop": boolean; "showBackdrop": boolean;
/** /**
* Describes which side of the `reference` point to position the popover on. The `'start'` and `'end'` values are RTL-aware, and the `'left'` and `'right'` values are not. * Describes which side of the `reference` point to position the popover on. The `"start"` and `"end"` values are RTL-aware, and the `"left"` and `"right"` values are not.
*/ */
"side": PositionSide; "side": PositionSide;
/** /**
* Describes how to calculate the popover width. If `'cover'`, the popover width will match the width of the trigger. If `'auto'`, the popover width will be determined by the content in the popover. * Describes how to calculate the popover width. If `"cover"`, the popover width will match the width of the trigger. If `"auto"`, the popover width will be determined by the content in the popover.
*/ */
"size": PopoverSize; "size": PopoverSize;
/** /**
@ -2184,7 +2184,7 @@ export namespace Components {
*/ */
"trigger": string | undefined; "trigger": string | undefined;
/** /**
* Describes what kind of interaction with the trigger that should cause the popover to open. Does not apply when the `trigger` property is `undefined`. If `'click'`, the popover will be presented when the trigger is left clicked. If `'hover'`, the popover will be presented when a pointer hovers over the trigger. If `'context-menu'`, the popover will be presented when the trigger is right clicked on desktop and long pressed on mobile. This will also prevent your device's normal context menu from appearing. * Describes what kind of interaction with the trigger that should cause the popover to open. Does not apply when the `trigger` property is `undefined`. If `"click"`, the popover will be presented when the trigger is left clicked. If `"hover"`, the popover will be presented when a pointer hovers over the trigger. If `"context-menu"`, the popover will be presented when the trigger is right clicked on desktop and long pressed on mobile. This will also prevent your device's normal context menu from appearing.
*/ */
"triggerAction": TriggerAction; "triggerAction": TriggerAction;
} }
@ -2224,11 +2224,11 @@ export namespace Components {
*/ */
"disabled": boolean; "disabled": boolean;
/** /**
* How to pack the label and radio within a line. `'start'`: The label and radio will appear on the left in LTR and on the right in RTL. `'end'`: The label and radio will appear on the right in LTR and on the left in RTL. `'space-between'`: The label and radio will appear on opposite ends of the line with space between the two elements. * How to pack the label and radio within a line. `"start"`: The label and radio will appear on the left in LTR and on the right in RTL. `"end"`: The label and radio will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and radio will appear on opposite ends of the line with space between the two elements.
*/ */
"justify": 'start' | 'end' | 'space-between'; "justify": 'start' | 'end' | 'space-between';
/** /**
* Where to place the label relative to the radio. `'start'`: The label will appear to the left of the radio in LTR and to the right in RTL. `'end'`: The label will appear to the right of the radio in LTR and to the left in RTL. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the radio. `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL. `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement": 'start' | 'end' | 'fixed'; "labelPlacement": 'start' | 'end' | 'fixed';
/** /**
@ -2286,7 +2286,7 @@ export namespace Components {
*/ */
"dualKnobs": boolean; "dualKnobs": boolean;
/** /**
* Where to place the label relative to the range. `'start'`: The label will appear to the left of the range in LTR and to the right in RTL. `'end'`: The label will appear to the right of the range in LTR and to the left in RTL. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the range. `"start"`: The label will appear to the left of the range in LTR and to the right in RTL. `"end"`: The label will appear to the right of the range in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement": 'start' | 'end' | 'fixed'; "labelPlacement": 'start' | 'end' | 'fixed';
/** /**
@ -2674,7 +2674,7 @@ export namespace Components {
*/ */
"disabled": boolean; "disabled": boolean;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If `'outline'` the item will be transparent with a border. Only available in `md` mode. * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
"fill"?: 'outline' | 'solid'; "fill"?: 'outline' | 'solid';
/** /**
@ -2686,7 +2686,7 @@ export namespace Components {
*/ */
"interfaceOptions": any; "interfaceOptions": any;
/** /**
* How to pack the label and select within a line. `justify` does not apply when the label and select are on different lines when `labelPlacement` is set to `'floating'` or `'stacked'`. `'start'`: The label and select will appear on the left in LTR and on the right in RTL. `'end'`: The label and select will appear on the right in LTR and on the left in RTL. `'space-between'`: The label and select will appear on opposite ends of the line with space between the two elements. * How to pack the label and select within a line. `justify` does not apply when the label and select are on different lines when `labelPlacement` is set to `"floating"` or `"stacked"`. `"start"`: The label and select will appear on the left in LTR and on the right in RTL. `"end"`: The label and select will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and select will appear on opposite ends of the line with space between the two elements.
*/ */
"justify": 'start' | 'end' | 'space-between'; "justify": 'start' | 'end' | 'space-between';
/** /**
@ -2694,7 +2694,7 @@ export namespace Components {
*/ */
"label"?: string; "label"?: string;
/** /**
* Where to place the label relative to the select. `'start'`: The label will appear to the left of the select in LTR and to the right in RTL. `'end'`: The label will appear to the right of the select in LTR and to the left in RTL. `'floating'`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select. `'stacked'`: The label will appear smaller and above the select regardless even when the select is blurred or has no value. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). When using `'floating'` or `'stacked'` we recommend initializing the select with either a `value` or a `placeholder`. * Where to place the label relative to the select. `"start"`: The label will appear to the left of the select in LTR and to the right in RTL. `"end"`: The label will appear to the right of the select in LTR and to the left in RTL. `"floating"`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select. `"stacked"`: The label will appear smaller and above the select regardless even when the select is blurred or has no value. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). When using `"floating"` or `"stacked"` we recommend initializing the select with either a `value` or a `placeholder`.
*/ */
"labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; "labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
/** /**
@ -2735,7 +2735,7 @@ export namespace Components {
*/ */
"shape"?: 'round'; "shape"?: 'round';
/** /**
* the value of the select. * The value of the select.
*/ */
"value"?: any | null; "value"?: any | null;
} }
@ -2857,7 +2857,7 @@ export namespace Components {
*/ */
"href": string | undefined; "href": string | undefined;
/** /**
* Set the layout of the text and icon in the tab bar. It defaults to `'icon-top'`. * Set the layout of the text and icon in the tab bar. It defaults to `"icon-top"`.
*/ */
"layout"?: TabButtonLayout; "layout"?: TabButtonLayout;
/** /**
@ -2960,7 +2960,7 @@ export namespace Components {
*/ */
"errorText"?: string; "errorText"?: string;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If `'outline'` the item will be transparent with a border. Only available in `md` mode. * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
"fill"?: 'outline' | 'solid'; "fill"?: 'outline' | 'solid';
/** /**
@ -2980,7 +2980,7 @@ export namespace Components {
*/ */
"label"?: string; "label"?: string;
/** /**
* Where to place the label relative to the textarea. `'start'`: The label will appear to the left of the textarea in LTR and to the right in RTL. `'end'`: The label will appear to the right of the textarea in LTR and to the left in RTL. `'floating'`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea. `'stacked'`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the textarea. `"start"`: The label will appear to the left of the textarea in LTR and to the right in RTL. `"end"`: The label will appear to the right of the textarea in LTR and to the left in RTL. `"floating"`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea. `"stacked"`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
/** /**
@ -3161,11 +3161,11 @@ export namespace Components {
*/ */
"enableOnOffLabels": boolean | undefined; "enableOnOffLabels": boolean | undefined;
/** /**
* How to pack the label and toggle within a line. `'start'`: The label and toggle will appear on the left in LTR and on the right in RTL. `'end'`: The label and toggle will appear on the right in LTR and on the left in RTL. `'space-between'`: The label and toggle will appear on opposite ends of the line with space between the two elements. * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements.
*/ */
"justify": 'start' | 'end' | 'space-between'; "justify": 'start' | 'end' | 'space-between';
/** /**
* Where to place the label relative to the input. `'start'`: The label will appear to the left of the toggle in LTR and to the right in RTL. `'end'`: The label will appear to the right of the toggle in LTR and to the left in RTL. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the input. `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL. `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement": 'start' | 'end' | 'fixed'; "labelPlacement": 'start' | 'end' | 'fixed';
/** /**
@ -4040,7 +4040,7 @@ declare namespace LocalJSX {
*/ */
"toggleIcon"?: string; "toggleIcon"?: string;
/** /**
* The slot inside of `ion-item` to place the toggle icon. Defaults to `'end'`. * The slot inside of `ion-item` to place the toggle icon. Defaults to `"end"`.
*/ */
"toggleIconSlot"?: 'start' | 'end'; "toggleIconSlot"?: 'start' | 'end';
/** /**
@ -4621,11 +4621,11 @@ declare namespace LocalJSX {
*/ */
"indeterminate"?: boolean; "indeterminate"?: boolean;
/** /**
* How to pack the label and checkbox within a line. `'start'`: The label and checkbox will appear on the left in LTR and on the right in RTL. `'end'`: The label and checkbox will appear on the right in LTR and on the left in RTL. `'space-between'`: The label and checkbox will appear on opposite ends of the line with space between the two elements. * How to pack the label and checkbox within a line. `"start"`: The label and checkbox will appear on the left in LTR and on the right in RTL. `"end"`: The label and checkbox will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and checkbox will appear on opposite ends of the line with space between the two elements.
*/ */
"justify"?: 'start' | 'end' | 'space-between'; "justify"?: 'start' | 'end' | 'space-between';
/** /**
* Where to place the label relative to the checkbox. `'start'`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `'end'`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the checkbox. `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement"?: 'start' | 'end' | 'fixed'; "labelPlacement"?: 'start' | 'end' | 'fixed';
/** /**
@ -4857,7 +4857,7 @@ declare namespace LocalJSX {
*/ */
"isDateEnabled"?: (dateIsoString: string) => boolean; "isDateEnabled"?: (dateIsoString: string) => boolean;
/** /**
* The locale to use for `ion-datetime`. This impacts month and day name formatting. The `'default'` value refers to the default locale set by your device. * The locale to use for `ion-datetime`. This impacts month and day name formatting. The `"default"` value refers to the default locale set by your device.
*/ */
"locale"?: string; "locale"?: string;
/** /**
@ -4917,11 +4917,11 @@ declare namespace LocalJSX {
*/ */
"onIonValueChange"?: (event: IonDatetimeCustomEvent<DatetimeChangeEventDetail>) => void; "onIonValueChange"?: (event: IonDatetimeCustomEvent<DatetimeChangeEventDetail>) => void;
/** /**
* If `true`, a wheel picker will be rendered instead of a calendar grid where possible. If `false`, a calendar grid will be rendered instead of a wheel picker where possible. A wheel picker can be rendered instead of a grid when `presentation` is one of the following values: `'date'`, `'date-time'`, or `'time-date'`. A wheel picker will always be rendered regardless of the `preferWheel` value when `presentation` is one of the following values: `'time'`, `'month'`, `'month-year'`, or `'year'`. * If `true`, a wheel picker will be rendered instead of a calendar grid where possible. If `false`, a calendar grid will be rendered instead of a wheel picker where possible. A wheel picker can be rendered instead of a grid when `presentation` is one of the following values: `"date"`, `"date-time"`, or `"time-date"`. A wheel picker will always be rendered regardless of the `preferWheel` value when `presentation` is one of the following values: `"time"`, `"month"`, `"month-year"`, or `"year"`.
*/ */
"preferWheel"?: boolean; "preferWheel"?: boolean;
/** /**
* Which values you want to select. `'date'` will show a calendar picker to select the month, day, and year. `'time'` will show a time picker to select the hour, minute, and (optionally) AM/PM. `'date-time'` will show the date picker first and time picker second. `'time-date'` will show the time picker first and date picker second. * Which values you want to select. `"date"` will show a calendar picker to select the month, day, and year. `"time"` will show a time picker to select the hour, minute, and (optionally) AM/PM. `"date-time"` will show the date picker first and time picker second. `"time-date"` will show the time picker first and date picker second.
*/ */
"presentation"?: DatetimePresentation; "presentation"?: DatetimePresentation;
/** /**
@ -5220,7 +5220,7 @@ declare namespace LocalJSX {
*/ */
"errorText"?: string; "errorText"?: string;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If `'outline'` the item will be transparent with a border. Only available in `md` mode. * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
"fill"?: 'outline' | 'solid'; "fill"?: 'outline' | 'solid';
/** /**
@ -5236,7 +5236,7 @@ declare namespace LocalJSX {
*/ */
"label"?: string; "label"?: string;
/** /**
* Where to place the label relative to the input. `'start'`: The label will appear to the left of the input in LTR and to the right in RTL. `'end'`: The label will appear to the right of the input in LTR and to the left in RTL. `'floating'`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input. `'stacked'`: The label will appear smaller and above the input regardless even when the input is blurred or has no value. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the input. `"start"`: The label will appear to the left of the input in LTR and to the right in RTL. `"end"`: The label will appear to the right of the input in LTR and to the left in RTL. `"floating"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input. `"stacked"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; "labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
/** /**
@ -5368,7 +5368,7 @@ declare namespace LocalJSX {
*/ */
"download"?: string | undefined; "download"?: string | undefined;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If `'outline'` the item will be transparent with a border. Only available in `md` mode. * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
"fill"?: 'outline' | 'solid'; "fill"?: 'outline' | 'solid';
/** /**
@ -6041,7 +6041,7 @@ declare namespace LocalJSX {
} }
interface IonPopover { interface IonPopover {
/** /**
* Describes how to align the popover content with the `reference` point. Defaults to `'center'` for `ios` mode, and `'start'` for `md` mode. * Describes how to align the popover content with the `reference` point. Defaults to `"center"` for `ios` mode, and `"start"` for `md` mode.
*/ */
"alignment"?: PositionAlign; "alignment"?: PositionAlign;
/** /**
@ -6145,7 +6145,7 @@ declare namespace LocalJSX {
"onWillPresent"?: (event: IonPopoverCustomEvent<void>) => void; "onWillPresent"?: (event: IonPopoverCustomEvent<void>) => void;
"overlayIndex": number; "overlayIndex": number;
/** /**
* Describes what to position the popover relative to. If `'trigger'`, the popover will be positioned relative to the trigger button. If passing in an event, this is determined via event.target. If `'event'`, the popover will be positioned relative to the x/y coordinates of the trigger action. If passing in an event, this is determined via event.clientX and event.clientY. * Describes what to position the popover relative to. If `"trigger"`, the popover will be positioned relative to the trigger button. If passing in an event, this is determined via event.target. If `"event"`, the popover will be positioned relative to the x/y coordinates of the trigger action. If passing in an event, this is determined via event.clientX and event.clientY.
*/ */
"reference"?: PositionReference; "reference"?: PositionReference;
/** /**
@ -6153,11 +6153,11 @@ declare namespace LocalJSX {
*/ */
"showBackdrop"?: boolean; "showBackdrop"?: boolean;
/** /**
* Describes which side of the `reference` point to position the popover on. The `'start'` and `'end'` values are RTL-aware, and the `'left'` and `'right'` values are not. * Describes which side of the `reference` point to position the popover on. The `"start"` and `"end"` values are RTL-aware, and the `"left"` and `"right"` values are not.
*/ */
"side"?: PositionSide; "side"?: PositionSide;
/** /**
* Describes how to calculate the popover width. If `'cover'`, the popover width will match the width of the trigger. If `'auto'`, the popover width will be determined by the content in the popover. * Describes how to calculate the popover width. If `"cover"`, the popover width will match the width of the trigger. If `"auto"`, the popover width will be determined by the content in the popover.
*/ */
"size"?: PopoverSize; "size"?: PopoverSize;
/** /**
@ -6169,7 +6169,7 @@ declare namespace LocalJSX {
*/ */
"trigger"?: string | undefined; "trigger"?: string | undefined;
/** /**
* Describes what kind of interaction with the trigger that should cause the popover to open. Does not apply when the `trigger` property is `undefined`. If `'click'`, the popover will be presented when the trigger is left clicked. If `'hover'`, the popover will be presented when a pointer hovers over the trigger. If `'context-menu'`, the popover will be presented when the trigger is right clicked on desktop and long pressed on mobile. This will also prevent your device's normal context menu from appearing. * Describes what kind of interaction with the trigger that should cause the popover to open. Does not apply when the `trigger` property is `undefined`. If `"click"`, the popover will be presented when the trigger is left clicked. If `"hover"`, the popover will be presented when a pointer hovers over the trigger. If `"context-menu"`, the popover will be presented when the trigger is right clicked on desktop and long pressed on mobile. This will also prevent your device's normal context menu from appearing.
*/ */
"triggerAction"?: TriggerAction; "triggerAction"?: TriggerAction;
} }
@ -6209,11 +6209,11 @@ declare namespace LocalJSX {
*/ */
"disabled"?: boolean; "disabled"?: boolean;
/** /**
* How to pack the label and radio within a line. `'start'`: The label and radio will appear on the left in LTR and on the right in RTL. `'end'`: The label and radio will appear on the right in LTR and on the left in RTL. `'space-between'`: The label and radio will appear on opposite ends of the line with space between the two elements. * How to pack the label and radio within a line. `"start"`: The label and radio will appear on the left in LTR and on the right in RTL. `"end"`: The label and radio will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and radio will appear on opposite ends of the line with space between the two elements.
*/ */
"justify"?: 'start' | 'end' | 'space-between'; "justify"?: 'start' | 'end' | 'space-between';
/** /**
* Where to place the label relative to the radio. `'start'`: The label will appear to the left of the radio in LTR and to the right in RTL. `'end'`: The label will appear to the right of the radio in LTR and to the left in RTL. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the radio. `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL. `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement"?: 'start' | 'end' | 'fixed'; "labelPlacement"?: 'start' | 'end' | 'fixed';
/** /**
@ -6289,7 +6289,7 @@ declare namespace LocalJSX {
*/ */
"dualKnobs"?: boolean; "dualKnobs"?: boolean;
/** /**
* Where to place the label relative to the range. `'start'`: The label will appear to the left of the range in LTR and to the right in RTL. `'end'`: The label will appear to the right of the range in LTR and to the left in RTL. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the range. `"start"`: The label will appear to the left of the range in LTR and to the right in RTL. `"end"`: The label will appear to the right of the range in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement"?: 'start' | 'end' | 'fixed'; "labelPlacement"?: 'start' | 'end' | 'fixed';
/** /**
@ -6732,7 +6732,7 @@ declare namespace LocalJSX {
*/ */
"disabled"?: boolean; "disabled"?: boolean;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If `'outline'` the item will be transparent with a border. Only available in `md` mode. * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
"fill"?: 'outline' | 'solid'; "fill"?: 'outline' | 'solid';
/** /**
@ -6744,7 +6744,7 @@ declare namespace LocalJSX {
*/ */
"interfaceOptions"?: any; "interfaceOptions"?: any;
/** /**
* How to pack the label and select within a line. `justify` does not apply when the label and select are on different lines when `labelPlacement` is set to `'floating'` or `'stacked'`. `'start'`: The label and select will appear on the left in LTR and on the right in RTL. `'end'`: The label and select will appear on the right in LTR and on the left in RTL. `'space-between'`: The label and select will appear on opposite ends of the line with space between the two elements. * How to pack the label and select within a line. `justify` does not apply when the label and select are on different lines when `labelPlacement` is set to `"floating"` or `"stacked"`. `"start"`: The label and select will appear on the left in LTR and on the right in RTL. `"end"`: The label and select will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and select will appear on opposite ends of the line with space between the two elements.
*/ */
"justify"?: 'start' | 'end' | 'space-between'; "justify"?: 'start' | 'end' | 'space-between';
/** /**
@ -6752,7 +6752,7 @@ declare namespace LocalJSX {
*/ */
"label"?: string; "label"?: string;
/** /**
* Where to place the label relative to the select. `'start'`: The label will appear to the left of the select in LTR and to the right in RTL. `'end'`: The label will appear to the right of the select in LTR and to the left in RTL. `'floating'`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select. `'stacked'`: The label will appear smaller and above the select regardless even when the select is blurred or has no value. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). When using `'floating'` or `'stacked'` we recommend initializing the select with either a `value` or a `placeholder`. * Where to place the label relative to the select. `"start"`: The label will appear to the left of the select in LTR and to the right in RTL. `"end"`: The label will appear to the right of the select in LTR and to the left in RTL. `"floating"`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select. `"stacked"`: The label will appear smaller and above the select regardless even when the select is blurred or has no value. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). When using `"floating"` or `"stacked"` we recommend initializing the select with either a `value` or a `placeholder`.
*/ */
"labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; "labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
/** /**
@ -6812,7 +6812,7 @@ declare namespace LocalJSX {
*/ */
"shape"?: 'round'; "shape"?: 'round';
/** /**
* the value of the select. * The value of the select.
*/ */
"value"?: any | null; "value"?: any | null;
} }
@ -6935,7 +6935,7 @@ declare namespace LocalJSX {
*/ */
"href"?: string | undefined; "href"?: string | undefined;
/** /**
* Set the layout of the text and icon in the tab bar. It defaults to `'icon-top'`. * Set the layout of the text and icon in the tab bar. It defaults to `"icon-top"`.
*/ */
"layout"?: TabButtonLayout; "layout"?: TabButtonLayout;
/** /**
@ -7038,7 +7038,7 @@ declare namespace LocalJSX {
*/ */
"errorText"?: string; "errorText"?: string;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If `'outline'` the item will be transparent with a border. Only available in `md` mode. * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
"fill"?: 'outline' | 'solid'; "fill"?: 'outline' | 'solid';
/** /**
@ -7054,7 +7054,7 @@ declare namespace LocalJSX {
*/ */
"label"?: string; "label"?: string;
/** /**
* Where to place the label relative to the textarea. `'start'`: The label will appear to the left of the textarea in LTR and to the right in RTL. `'end'`: The label will appear to the right of the textarea in LTR and to the left in RTL. `'floating'`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea. `'stacked'`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the textarea. `"start"`: The label will appear to the left of the textarea in LTR and to the right in RTL. `"end"`: The label will appear to the right of the textarea in LTR and to the left in RTL. `"floating"`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea. `"stacked"`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; "labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
/** /**
@ -7269,11 +7269,11 @@ declare namespace LocalJSX {
*/ */
"enableOnOffLabels"?: boolean | undefined; "enableOnOffLabels"?: boolean | undefined;
/** /**
* How to pack the label and toggle within a line. `'start'`: The label and toggle will appear on the left in LTR and on the right in RTL. `'end'`: The label and toggle will appear on the right in LTR and on the left in RTL. `'space-between'`: The label and toggle will appear on opposite ends of the line with space between the two elements. * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements.
*/ */
"justify"?: 'start' | 'end' | 'space-between'; "justify"?: 'start' | 'end' | 'space-between';
/** /**
* Where to place the label relative to the input. `'start'`: The label will appear to the left of the toggle in LTR and to the right in RTL. `'end'`: The label will appear to the right of the toggle in LTR and to the left in RTL. `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * Where to place the label relative to the input. `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL. `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
"labelPlacement"?: 'start' | 'end' | 'fixed'; "labelPlacement"?: 'start' | 'end' | 'fixed';
/** /**

View File

@ -77,7 +77,7 @@ export class Accordion implements ComponentInterface {
/** /**
* The slot inside of `ion-item` to * The slot inside of `ion-item` to
* place the toggle icon. Defaults to `'end'`. * place the toggle icon. Defaults to `"end"`.
*/ */
@Prop() toggleIconSlot: 'start' | 'end' = 'end'; @Prop() toggleIconSlot: 'start' | 'end' = 'end';

View File

@ -79,19 +79,19 @@ export class Checkbox implements ComponentInterface {
/** /**
* Where to place the label relative to the checkbox. * Where to place the label relative to the checkbox.
* `'start'`: The label will appear to the left of the checkbox in LTR and to the right in RTL. * `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.
* `'end'`: The label will appear to the right of the checkbox in LTR and to the left in RTL. * `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.
* `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
@Prop() labelPlacement: 'start' | 'end' | 'fixed' = 'start'; @Prop() labelPlacement: 'start' | 'end' | 'fixed' = 'start';
/** /**
* How to pack the label and checkbox within a line. * How to pack the label and checkbox within a line.
* `'start'`: The label and checkbox will appear on the left in LTR and * `"start"`: The label and checkbox will appear on the left in LTR and
* on the right in RTL. * on the right in RTL.
* `'end'`: The label and checkbox will appear on the right in LTR and * `"end"`: The label and checkbox will appear on the right in LTR and
* on the left in RTL. * on the left in RTL.
* `'space-between'`: The label and checkbox will appear on opposite * `"space-between"`: The label and checkbox will appear on opposite
* ends of the line with space between the two elements. * ends of the line with space between the two elements.
*/ */
@Prop() justify: 'start' | 'end' | 'space-between' = 'space-between'; @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between';

View File

@ -199,11 +199,11 @@ export class Datetime implements ComponentInterface {
} }
/** /**
* Which values you want to select. `'date'` will show * Which values you want to select. `"date"` will show
* a calendar picker to select the month, day, and year. `'time'` * a calendar picker to select the month, day, and year. `"time"`
* will show a time picker to select the hour, minute, and (optionally) * will show a time picker to select the hour, minute, and (optionally)
* AM/PM. `'date-time'` will show the date picker first and time picker second. * AM/PM. `"date-time"` will show the date picker first and time picker second.
* `'time-date'` will show the time picker first and date picker second. * `"time-date"` will show the time picker first and date picker second.
*/ */
@Prop() presentation: DatetimePresentation = 'date-time'; @Prop() presentation: DatetimePresentation = 'date-time';
@ -296,7 +296,7 @@ export class Datetime implements ComponentInterface {
/** /**
* The locale to use for `ion-datetime`. This * The locale to use for `ion-datetime`. This
* impacts month and day name formatting. * impacts month and day name formatting.
* The `'default'` value refers to the default * The `"default"` value refers to the default
* locale set by your device. * locale set by your device.
*/ */
@Prop() locale = 'default'; @Prop() locale = 'default';
@ -440,11 +440,11 @@ export class Datetime implements ComponentInterface {
* a wheel picker where possible. * a wheel picker where possible.
* *
* A wheel picker can be rendered instead of a grid when `presentation` is * A wheel picker can be rendered instead of a grid when `presentation` is
* one of the following values: `'date'`, `'date-time'`, or `'time-date'`. * one of the following values: `"date"`, `"date-time"`, or `"time-date"`.
* *
* A wheel picker will always be rendered regardless of * A wheel picker will always be rendered regardless of
* the `preferWheel` value when `presentation` is one of the following values: * the `preferWheel` value when `presentation` is one of the following values:
* `'time'`, `'month'`, `'month-year'`, or `'year'`. * `"time"`, `"month"`, `"month-year"`, or `"year"`.
*/ */
@Prop() preferWheel = false; @Prop() preferWheel = false;

View File

@ -146,8 +146,8 @@ export class Input implements ComponentInterface {
@Prop() errorText?: string; @Prop() errorText?: string;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If * The fill for the item. If `"solid"` the item will have a background. If
* `'outline'` the item will be transparent with a border. Only available in `md` mode. * `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
@Prop() fill?: 'outline' | 'solid'; @Prop() fill?: 'outline' | 'solid';
@ -170,11 +170,11 @@ export class Input implements ComponentInterface {
/** /**
* Where to place the label relative to the input. * Where to place the label relative to the input.
* `'start'`: The label will appear to the left of the input in LTR and to the right in RTL. * `"start"`: The label will appear to the left of the input in LTR and to the right in RTL.
* `'end'`: The label will appear to the right of the input in LTR and to the left in RTL. * `"end"`: The label will appear to the right of the input in LTR and to the left in RTL.
* `'floating'`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input. * `"floating"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.
* `'stacked'`: The label will appear smaller and above the input regardless even when the input is blurred or has no value. * `"stacked"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.
* `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
@Prop() labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed' = 'start'; @Prop() labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed' = 'start';

View File

@ -83,8 +83,8 @@ export class Item implements ComponentInterface, AnchorInterface, ButtonInterfac
@Prop() download: string | undefined; @Prop() download: string | undefined;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If * The fill for the item. If `"solid"` the item will have a background. If
* `'outline'` the item will be transparent with a border. Only available in `md` mode. * `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
@Prop() fill?: 'outline' | 'solid'; @Prop() fill?: 'outline' | 'solid';

View File

@ -155,9 +155,9 @@ export class Popover implements ComponentInterface, PopoverInterface {
* Describes what kind of interaction with the trigger that * Describes what kind of interaction with the trigger that
* should cause the popover to open. Does not apply when the `trigger` * should cause the popover to open. Does not apply when the `trigger`
* property is `undefined`. * property is `undefined`.
* If `'click'`, the popover will be presented when the trigger is left clicked. * If `"click"`, the popover will be presented when the trigger is left clicked.
* If `'hover'`, the popover will be presented when a pointer hovers over the trigger. * If `"hover"`, the popover will be presented when a pointer hovers over the trigger.
* If `'context-menu'`, the popover will be presented when the trigger is right * If `"context-menu"`, the popover will be presented when the trigger is right
* clicked on desktop and long pressed on mobile. This will also prevent your * clicked on desktop and long pressed on mobile. This will also prevent your
* device's normal context menu from appearing. * device's normal context menu from appearing.
*/ */
@ -173,8 +173,8 @@ export class Popover implements ComponentInterface, PopoverInterface {
/** /**
* Describes how to calculate the popover width. * Describes how to calculate the popover width.
* If `'cover'`, the popover width will match the width of the trigger. * If `"cover"`, the popover width will match the width of the trigger.
* If `'auto'`, the popover width will be determined by the content in * If `"auto"`, the popover width will be determined by the content in
* the popover. * the popover.
*/ */
@Prop() size: PopoverSize = 'auto'; @Prop() size: PopoverSize = 'auto';
@ -187,10 +187,10 @@ export class Popover implements ComponentInterface, PopoverInterface {
/** /**
* Describes what to position the popover relative to. * Describes what to position the popover relative to.
* If `'trigger'`, the popover will be positioned relative * If `"trigger"`, the popover will be positioned relative
* to the trigger button. If passing in an event, this is * to the trigger button. If passing in an event, this is
* determined via event.target. * determined via event.target.
* If `'event'`, the popover will be positioned relative * If `"event"`, the popover will be positioned relative
* to the x/y coordinates of the trigger action. If passing * to the x/y coordinates of the trigger action. If passing
* in an event, this is determined via event.clientX and event.clientY. * in an event, this is determined via event.clientX and event.clientY.
*/ */
@ -198,14 +198,14 @@ export class Popover implements ComponentInterface, PopoverInterface {
/** /**
* Describes which side of the `reference` point to position * Describes which side of the `reference` point to position
* the popover on. The `'start'` and `'end'` values are RTL-aware, * the popover on. The `"start"` and `"end"` values are RTL-aware,
* and the `'left'` and `'right'` values are not. * and the `"left"` and `"right"` values are not.
*/ */
@Prop() side: PositionSide = 'bottom'; @Prop() side: PositionSide = 'bottom';
/** /**
* Describes how to align the popover content with the `reference` point. * Describes how to align the popover content with the `reference` point.
* Defaults to `'center'` for `ios` mode, and `'start'` for `md` mode. * Defaults to `"center"` for `ios` mode, and `"start"` for `md` mode.
*/ */
@Prop({ mutable: true }) alignment?: PositionAlign; @Prop({ mutable: true }) alignment?: PositionAlign;

View File

@ -73,9 +73,9 @@ export class Radio implements ComponentInterface {
/** /**
* Where to place the label relative to the radio. * Where to place the label relative to the radio.
* `'start'`: The label will appear to the left of the radio in LTR and to the right in RTL. * `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL.
* `'end'`: The label will appear to the right of the radio in LTR and to the left in RTL. * `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL.
* `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
@Prop() labelPlacement: 'start' | 'end' | 'fixed' = 'start'; @Prop() labelPlacement: 'start' | 'end' | 'fixed' = 'start';
@ -93,11 +93,11 @@ export class Radio implements ComponentInterface {
/** /**
* How to pack the label and radio within a line. * How to pack the label and radio within a line.
* `'start'`: The label and radio will appear on the left in LTR and * `"start"`: The label and radio will appear on the left in LTR and
* on the right in RTL. * on the right in RTL.
* `'end'`: The label and radio will appear on the right in LTR and * `"end"`: The label and radio will appear on the right in LTR and
* on the left in RTL. * on the left in RTL.
* `'space-between'`: The label and radio will appear on opposite * `"space-between"`: The label and radio will appear on opposite
* ends of the line with space between the two elements. * ends of the line with space between the two elements.
*/ */
@Prop() justify: 'start' | 'end' | 'space-between' = 'space-between'; @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between';

View File

@ -217,9 +217,9 @@ export class Range implements ComponentInterface {
/** /**
* Where to place the label relative to the range. * Where to place the label relative to the range.
* `'start'`: The label will appear to the left of the range in LTR and to the right in RTL. * `"start"`: The label will appear to the left of the range in LTR and to the right in RTL.
* `'end'`: The label will appear to the right of the range in LTR and to the left in RTL. * `"end"`: The label will appear to the right of the range in LTR and to the left in RTL.
* `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
@Prop() labelPlacement: 'start' | 'end' | 'fixed' = 'start'; @Prop() labelPlacement: 'start' | 'end' | 'fixed' = 'start';

View File

@ -85,8 +85,8 @@ export class Select implements ComponentInterface {
@Prop() disabled = false; @Prop() disabled = false;
/** /**
* The fill for the item. If `'solid'` the item will have a background. If * The fill for the item. If `"solid"` the item will have a background. If
* `'outline'` the item will be transparent with a border. Only available in `md` mode. * `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
@Prop() fill?: 'outline' | 'solid'; @Prop() fill?: 'outline' | 'solid';
@ -110,12 +110,12 @@ export class Select implements ComponentInterface {
* How to pack the label and select within a line. * How to pack the label and select within a line.
* `justify` does not apply when the label and select * `justify` does not apply when the label and select
* are on different lines when `labelPlacement` is set to * are on different lines when `labelPlacement` is set to
* `'floating'` or `'stacked'`. * `"floating"` or `"stacked"`.
* `'start'`: The label and select will appear on the left in LTR and * `"start"`: The label and select will appear on the left in LTR and
* on the right in RTL. * on the right in RTL.
* `'end'`: The label and select will appear on the right in LTR and * `"end"`: The label and select will appear on the right in LTR and
* on the left in RTL. * on the left in RTL.
* `'space-between'`: The label and select will appear on opposite * `"space-between"`: The label and select will appear on opposite
* ends of the line with space between the two elements. * ends of the line with space between the two elements.
*/ */
@Prop() justify: 'start' | 'end' | 'space-between' = 'space-between'; @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between';
@ -127,12 +127,12 @@ export class Select implements ComponentInterface {
/** /**
* Where to place the label relative to the select. * Where to place the label relative to the select.
* `'start'`: The label will appear to the left of the select in LTR and to the right in RTL. * `"start"`: The label will appear to the left of the select in LTR and to the right in RTL.
* `'end'`: The label will appear to the right of the select in LTR and to the left in RTL. * `"end"`: The label will appear to the right of the select in LTR and to the left in RTL.
* `'floating'`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select. * `"floating"`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select.
* `'stacked'`: The label will appear smaller and above the select regardless even when the select is blurred or has no value. * `"stacked"`: The label will appear smaller and above the select regardless even when the select is blurred or has no value.
* `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
* When using `'floating'` or `'stacked'` we recommend initializing the select with either a `value` or a `placeholder`. * When using `"floating"` or `"stacked"` we recommend initializing the select with either a `value` or a `placeholder`.
*/ */
@Prop() labelPlacement?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed' = 'start'; @Prop() labelPlacement?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed' = 'start';
@ -178,7 +178,7 @@ export class Select implements ComponentInterface {
@Prop() shape?: 'round'; @Prop() shape?: 'round';
/** /**
* the value of the select. * The value of the select.
*/ */
@Prop({ mutable: true }) value?: any | null; @Prop({ mutable: true }) value?: any | null;

View File

@ -57,7 +57,7 @@ export class TabButton implements ComponentInterface, AnchorInterface {
/** /**
* Set the layout of the text and icon in the tab bar. * Set the layout of the text and icon in the tab bar.
* It defaults to `'icon-top'`. * It defaults to `"icon-top"`.
*/ */
@Prop({ mutable: true }) layout?: TabButtonLayout; @Prop({ mutable: true }) layout?: TabButtonLayout;

View File

@ -101,8 +101,8 @@ export class Textarea implements ComponentInterface {
} }
/** /**
* The fill for the item. If `'solid'` the item will have a background. If * The fill for the item. If `"solid"` the item will have a background. If
* `'outline'` the item will be transparent with a border. Only available in `md` mode. * `"outline"` the item will be transparent with a border. Only available in `md` mode.
*/ */
@Prop() fill?: 'outline' | 'solid'; @Prop() fill?: 'outline' | 'solid';
@ -210,11 +210,11 @@ export class Textarea implements ComponentInterface {
/** /**
* Where to place the label relative to the textarea. * Where to place the label relative to the textarea.
* `'start'`: The label will appear to the left of the textarea in LTR and to the right in RTL. * `"start"`: The label will appear to the left of the textarea in LTR and to the right in RTL.
* `'end'`: The label will appear to the right of the textarea in LTR and to the left in RTL. * `"end"`: The label will appear to the right of the textarea in LTR and to the left in RTL.
* `'floating'`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea. * `"floating"`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea.
* `'stacked'`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value. * `"stacked"`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value.
* `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
@Prop() labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed' = 'start'; @Prop() labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed' = 'start';

View File

@ -86,9 +86,9 @@ export class Toggle implements ComponentInterface {
/** /**
* Where to place the label relative to the input. * Where to place the label relative to the input.
* `'start'`: The label will appear to the left of the toggle in LTR and to the right in RTL. * `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL.
* `'end'`: The label will appear to the right of the toggle in LTR and to the left in RTL. * `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL.
* `'fixed'`: The label has the same behavior as `'start'` except it also has a fixed width. Long text will be truncated with ellipses ("..."). * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
*/ */
@Prop() labelPlacement: 'start' | 'end' | 'fixed' = 'start'; @Prop() labelPlacement: 'start' | 'end' | 'fixed' = 'start';
@ -105,11 +105,11 @@ export class Toggle implements ComponentInterface {
/** /**
* How to pack the label and toggle within a line. * How to pack the label and toggle within a line.
* `'start'`: The label and toggle will appear on the left in LTR and * `"start"`: The label and toggle will appear on the left in LTR and
* on the right in RTL. * on the right in RTL.
* `'end'`: The label and toggle will appear on the right in LTR and * `"end"`: The label and toggle will appear on the right in LTR and
* on the left in RTL. * on the left in RTL.
* `'space-between'`: The label and toggle will appear on opposite * `"space-between"`: The label and toggle will appear on opposite
* ends of the line with space between the two elements. * ends of the line with space between the two elements.
*/ */
@Prop() justify: 'start' | 'end' | 'space-between' = 'space-between'; @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between';