DOM id of the target browser element.

Scalar command name.

Optional command payload list.

Shiny session object. Defaults to the current reactive domain.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. A description of the image used by assistive devices.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Plays the animation. When this attribute is remove, the animation will pause.

String. The path to the image to load.

Optional pause icon to use instead of the default. Works best with ⁠<wa-icon>⁠.

Optional play icon to use instead of the default. Works best with ⁠<wa-icon>⁠.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: none. The name of the built-in animation to use. For custom animations, use the keyframes prop.

Number. Default: 0. The number of milliseconds to delay the start of the animation.

String. Optional Web Awesome attribute.

Default: 'normal'. Determines the direction of playback as well as the behavior when reaching the end of an iteration. Learn more

Number. Default: 1000. The number of milliseconds each iteration of the animation takes to complete.

String. Default: linear. The easing function to use for the animation. This can be a Web Awesome easing function or a custom easing function such as cubic-bezier(0, 1, .76, 1.14).

Number. Default: 0. The number of milliseconds to delay after the active period of an animation sequence.

Default: 'auto'. Sets how the animation applies styles to its target before and after its execution.

Number. Default: 0. The offset at which to start the animation, usually between 0 (start) and 1 (end).

Number. Default: Infinity. The number of iterations to run before the animation completes. Defaults to Infinity, which loops.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when the animation finishes or gets canceled.

Number. Default: 1. Sets the animation's playback rate. The default is 1, which plays the animation at a normal speed. Setting this to 2, for example, will double the animation's speed. A negative value can be used to reverse the animation. This value can be changed without causing the animation to restart.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". A label to use to describe the avatar to assistive devices.

String. Optional Web Awesome attribute.

String. Default: "". The image source to use for the avatar.

String. Default: "". Initials to use as a fallback when no image is available (1-2 characters max recommended).

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: eager, lazy. Default: eager. Indicates how the browser should load the image.

Enumerated string. Allowed values: circle, rounded, square. Default: circle. The shape of the avatar.

The default icon to use when no image or initials are present. Works best with ⁠<wa-icon>⁠.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Enumerated string. Allowed values: accent, filled, filled-outlined, outlined. Default: accent. The badge's visual appearance.

Enumerated string. Allowed values: bounce, none, pulse. Default: none. Adds an animation to draw attention to the badge.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Draws a pill-style badge with rounded edges.

Enumerated string. Allowed values: brand, danger, neutral, success, warning. Default: brand. The badge's theme variant. Defaults to brand if not within another element with a variant.

An element, such as ⁠<wa-icon>⁠, placed after the label.

An element, such as ⁠<wa-icon>⁠, placed before the label.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by screen readers and other assistive devices to provide more context for users.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

The separator to use between breadcrumb items. Works best with ⁠<wa-icon>⁠.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

String. Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered internally. When unset, a button will be rendered instead.

String. Optional Web Awesome attribute.

String. Default: ⁠noreferrer noopener⁠. The rel attribute to use on the link. Only used when href is set.

Enumerated string. Allowed values: ⁠_blank⁠, ⁠_parent⁠, ⁠_self⁠, ⁠_top⁠. Tells the browser where to open the link. Only used when href is set.

An element, such as ⁠<wa-icon>⁠, placed after the label.

The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on ⁠<wa-breadcrumb>⁠ instead.

An element, such as ⁠<wa-icon>⁠, placed before the label.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. The value of the button, submitted as a pair with the button's name as part of the form data, but only when this button is the submitter. This attribute is ignored when href is present.

Boolean. Default: FALSE. Disables the button.

String. Default: null. The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter. This attribute is ignored when href is present.

Enumerated string. Allowed values: accent, filled, filled-outlined, outlined, plain. Default: accent. The button's visual appearance.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

String. Tells the browser to download the linked file as this filename. Only used when href is present.

String. Used to override the form owner's action attribute. This wrapper argument sets the HTML formaction attribute, which maps to the component's formAction field/property.

Enumerated string. Allowed values: application/x-www-form-urlencoded, multipart/form-data, text/plain. Used to override the form owner's enctype attribute. This wrapper argument sets the HTML formenctype attribute, which maps to the component's formEnctype field/property.

Enumerated string. Allowed values: get, post. Used to override the form owner's method attribute. This wrapper argument sets the HTML formmethod attribute, which maps to the component's formMethod field/property.

Boolean. Default: FALSE. Used to override the form owner's novalidate attribute. This wrapper argument sets the HTML formnovalidate attribute, which maps to the component's formNoValidate field/property.

Used to override the form owner's target attribute. This wrapper argument sets the HTML formtarget attribute, which maps to the component's formTarget field/property.

String. When set, the underlying button will be rendered as an ⁠<a>⁠ with this href instead of a ⁠<button>⁠.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Draws the button in a loading state.

Boolean. Default: FALSE. Draws a pill-style button with rounded edges.

String. When using href, this attribute will map to the underlying link's rel attribute.

Enumerated string. Allowed values: large, medium, small. Default: medium. The button's size.

Enumerated string. Allowed values: ⁠_blank⁠, ⁠_parent⁠, ⁠_self⁠, ⁠_top⁠. Tells the browser where to open the link. Only used when href is present.

String. Default: "". Optional Web Awesome attribute.

Enumerated string. Allowed values: button, reset, submit. Default: button. The type of button. Note that the default value is button instead of submit, which is opposite of how native ⁠<button>⁠ elements behave. When the type is submit, the button will submit the surrounding form.

Enumerated string. Allowed values: brand, danger, neutral, success, warning. Default: neutral. The button's theme variant. Defaults to neutral if not within another element with a variant.

Boolean. Default: FALSE. Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in an end element so the server-rendered markup includes the end slot before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a start element so the server-rendered markup includes the start slot before the component hydrates on the client.

An element, such as ⁠<wa-icon>⁠, placed after the label.

An element, such as ⁠<wa-icon>⁠, placed before the label.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive devices when interacting with the control and is strongly recommended.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: horizontal, vertical. Default: horizontal. The button group's orientation.

DOM id of the target browser element.

Scalar method name to invoke on the target element.

Optional list of positional arguments to pass to the method. These should be serializable through Shiny's custom-message transport. In practice, prefer JSON-like scalar values or nested lists that map cleanly to browser values. Do not expect R functions, language objects, or HTML tags to serialize into useful method arguments.

Shiny session object. Defaults to the current reactive domain.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Enumerated string. Allowed values: accent, filled, filled-outlined, outlined, plain. The callout's visual appearance.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: large, medium, small. Default: medium. The callout's size.

Enumerated string. Allowed values: brand, danger, neutral, success, warning. Default: brand. The callout's theme variant. Defaults to brand if not within another element with a variant.

An icon to show in the callout. Works best with ⁠<wa-icon>⁠.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Enumerated string. Allowed values: accent, filled, filled-outlined, outlined, plain. Default: outlined. The card's visual appearance.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: horizontal, vertical. Default: vertical. Renders the card's orientation *

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a footer element so the server-rendered markup includes the footer before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a header element so the server-rendered markup includes the header before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a media element so the server-rendered markup includes the media before the component hydrates on the client.

An optional actions section to render at the end for the horizontal card.

An optional footer for the card.

An optional actions section to render in the footer of the vertical card.

An optional header for the card.

An optional actions section to render in the header of the vertical card.

An optional media section to render at the start of the card.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. When set, the slides will scroll automatically when the user is not interacting with them.

Number. Default: 3000. Specifies the amount of time, in milliseconds, between each automatic scroll.

Number. Default: 0. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. When set, allows the user to navigate the carousel in the same direction indefinitely.

Boolean. Default: FALSE. When set, it is possible to scroll through the slides by dragging them with the mouse.

Boolean. Default: FALSE. When set, show the carousel's navigation.

Enumerated string. Allowed values: horizontal, vertical. Default: horizontal. Specifies the orientation in which the carousel will lay out.

Boolean. Default: FALSE. When set, show the carousel's pagination indicators.

Number. Default: 0. Optional Web Awesome attribute.

Number. Default: 1. Specifies the number of slides the carousel will advance when scrolling, useful when specifying a slides-per-page greater than one. It can't be higher than slides-per-page.

Number. Default: 1. Specifies how many slides should be shown at a given time.

Optional next icon to use instead of the default. Works best with ⁠<wa-icon>⁠.

Optional previous icon to use instead of the default. Works best with ⁠<wa-icon>⁠.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. The value of the checkbox, submitted as a name/value pair with form data.

Boolean. Default: FALSE. The default value of the form control. Primarily used for resetting the form control. This wrapper argument sets the HTML checked attribute, which maps to the component's defaultChecked field/property rather than its live checked property.

Boolean. Default: FALSE. Disables the checkbox.

String. Default: "". The checkbox's hint. If you need to display HTML, use the hint slot instead.

String. Default: null. The name of the checkbox, submitted as a name/value pair with form data.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a "select all/none" behavior when associated checkboxes have a mix of checked and unchecked states.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Makes the checkbox a required field.

Enumerated string. Allowed values: large, medium, small. Default: medium. The checkbox's size.

String. Default: "". Optional Web Awesome attribute.

Text that describes how to use the checkbox. Alternatively, you can use the hint attribute.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. The default value of the form control. Primarily used for resetting the form control. This wrapper argument sets the HTML value attribute, which maps to the component's defaultValue field/property rather than its live value property.

Boolean. Default: FALSE. Disables the color picker.

String. Default: "". The color picker's label. This will not be displayed, but it will be announced by assistive devices. If you need to display HTML, you can use the label slot' instead.

String. Default: "". The color picker's hint. If you need to display HTML, use the hint slot instead.

String. Default: null. The name of the form control, submitted as a name/value pair with form data.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: hex, hsl, hsv, rgb. Default: hex. The format to use. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA respectively. The color picker will accept user input in any format (including CSS color names) and convert it to the desired format.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Shows the opacity slider. Enabling this will cause the formatted value to be HEXA, RGBA, or HSLA.

Boolean. Default: FALSE. Indicates whether or not the popup is open. You can toggle this attribute to show and hide the popup, or you can use the show() and hide() methods and this attribute will reflect the popup's open state.

Enumerated string. Allowed values: bottom, bottom-end, bottom-start, left, left-end, left-start, right, right-end, right-start, top, top-end, top-start. Default: bottom-start. The preferred placement of the color picker's popup. Note that the actual placement will vary as configured to keep the panel inside of the viewport.

Boolean. Default: FALSE. Makes the color picker a required field.

Enumerated string. Allowed values: large, medium, small. Default: medium. Determines the size of the color picker's trigger

Default: "". One or more predefined color swatches to display as presets in the color picker. Can include any format the color picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a semicolon (⁠;⁠). Alternatively, you can pass an array of color values or an array of ⁠{ color, label }⁠ objects to this property using JavaScript. When using objects with labels, the label will be used for the swatch's accessible name instead of the raw color value.

Boolean. Default: FALSE. By default, values are lowercase. With this attribute, values will be uppercase instead.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a hint element so the server-rendered markup includes the hint before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a label element so the server-rendered markup includes the label before the component hydrates on the client.

Boolean. Default: FALSE. Removes the button that lets users toggle between format.

The color picker's form hint. Alternatively, you can use the hint attribute.

The color picker's form label. Alternatively, you can use the label attribute.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Number. Default: 50. The position of the divider as a percentage.

The after content, often an ⁠<img>⁠ or ⁠<svg>⁠ element.

The before content, often an ⁠<img>⁠ or ⁠<svg>⁠ element.

The icon used inside the handle.

UI children and additional HTML attributes for the container.

Optional DOM id attribute.

Optional CSS class string.

Optional inline CSS style string.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". The text value to copy.

Boolean. Default: FALSE. Disables the copy button.

String. Default: "". A custom label to show in the tooltip.

String. Optional Web Awesome attribute.

String. Default: "". A custom label to show in the tooltip when a copy error occurs.

Number. Default: 1000. The length of time to show feedback before restoring the default trigger.

String. Default: "". An id that references an element in the same document from which data will be copied. If both this and value are present, this value will take precedence. By default, the target element's textContent will be copied. To copy an attribute, append the attribute name wrapped in square brackets, e.g. from="elvalue". To copy a property, append a dot and the property name, e.g. from="el.value".

String. Optional Web Awesome attribute.

String. Default: "". A custom label to show in the tooltip after copying.

Enumerated string. Allowed values: bottom, left, right, top. Default: top. The preferred placement of the tooltip.

The icon to show in the default copy state. Works best with ⁠<wa-icon>⁠.

The icon to show when a copy error occurs. Works best with ⁠<wa-icon>⁠.

The icon to show when the content is copied. Works best with ⁠<wa-icon>⁠.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Disables the details so it can't be toggled.

String. Groups related details elements. When one opens, others with the same name will close.

Enumerated string. Allowed values: filled, filled-outlined, outlined, plain. Default: outlined. The element's visual appearance.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: end, start. Default: end. The location of the expand/collapse icon.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you can use the show() and hide() methods and this attribute will reflect the details' open state.

String. The summary to show in the header. If you need to display HTML, use the summary slot instead.

Optional collapse icon to use instead of the default. Works best with ⁠<wa-icon>⁠.

Optional expand icon to use instead of the default. Works best with ⁠<wa-icon>⁠.

The details' summary. Alternatively, you can use the summary attribute.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". The dialog's label as displayed in the header. You should always include a relevant label, as it is required for proper accessibility. If you need to display HTML, use the label slot instead.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. When enabled, the dialog will be closed when the user clicks outside of it.

Boolean. Default: FALSE. Indicates whether or not the dialog is open. Toggle this attribute to show and hide the dialog.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a footer element so the server-rendered markup includes the footer before the component hydrates on the client.

Boolean. Default: FALSE. Disables the header. This will also remove the default close button.

The dialog's footer, usually one or more buttons representing various options.

Optional actions to add to the header. Works best with ⁠<wa-button>⁠.

The dialog's label. Alternatively, you can use the label attribute.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: horizontal, vertical. Default: horizontal. Sets the divider's orientation.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". The drawer's label as displayed in the header. You should always include a relevant label, as it is required for proper accessibility. If you need to display HTML, use the label slot instead.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: TRUE. When enabled, the drawer will be closed when the user clicks outside of it.

Boolean. Default: FALSE. Indicates whether or not the drawer is open. Toggle this attribute to show and hide the drawer.

Enumerated string. Allowed values: bottom, end, start, top. Default: end. The direction from which the drawer will open.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a footer element so the server-rendered markup includes the footer before the component hydrates on the client.

Boolean. Default: FALSE. Disables the header. This will also remove the default close button.

The drawer's footer, usually one or more buttons representing various options.

Optional actions to add to the header. Works best with ⁠<wa-button>⁠.

The drawer's label. Alternatively, you can use the label attribute.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

Number. Default: 0. The distance of the dropdown menu from its trigger.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Opens or closes the dropdown.

Enumerated string. Allowed values: bottom, bottom-end, bottom-start, left, left-end, left-start, right, right-end, right-start, top, top-end, top-start. Default: bottom-start. The placement of the dropdown menu in reference to the trigger. The menu will shift to a more optimal location if the preferred placement doesn't have enough room.

Enumerated string. Allowed values: large, medium, small. Default: medium. The dropdown's size.

Number. Default: 0. The offset of the dropdown menu along its trigger.

The element that triggers the dropdown, such as a ⁠<wa-button>⁠ or ⁠<button>⁠.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. An optional value for the menu item. This is useful for determining which item was selected when listening to the dropdown's wa-select event.

Boolean. Default: FALSE. Set to TRUE to check the dropdown item. Only valid when type is checkbox.

Boolean. Default: FALSE. Disables the dropdown item.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Whether the submenu is currently open.

Enumerated string. Allowed values: checkbox, normal. Default: normal. Set to checkbox to make the item a checkbox.

Enumerated string. Allowed values: danger, default. Default: default. The type of menu item to render.

Additional content or details to display after the label.

An optional icon to display before the label.

Submenu items, typically ⁠<wa-dropdown-item>⁠ elements, to create a nested menu.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Number. Default: 0. The number to format in bytes.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: long, narrow, short. Default: short. Determines how to display the result, e.g. "100 bytes", "100 b", or "100b".

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: bit, byte. Default: byte. The type of unit to display.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Default: ⁠new Date()⁠. The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format in JavaScript, use date.toISOString().

Enumerated string. Allowed values: 2-digit, numeric. The format for displaying the day.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: long, narrow, short. The format for displaying the era.

Enumerated string. Allowed values: 2-digit, numeric. The format for displaying the hour.

Enumerated string. Allowed values: 12, 24, auto. Default: auto. The format for displaying the hour.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: 2-digit, numeric. The format for displaying the minute.

Enumerated string. Allowed values: 2-digit, long, narrow, numeric, short. The format for displaying the month.

Enumerated string. Allowed values: 2-digit, numeric. The format for displaying the second.

String. The time zone to express the time in.

Enumerated string. Allowed values: long, short. The format for displaying the time.

Enumerated string. Allowed values: long, narrow, short. The format for displaying the weekday.

Enumerated string. Allowed values: 2-digit, numeric. The format for displaying the year.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Number. Default: 0. The number to format.

String. Default: USD. The ISO 4217 currency code to use when formatting.

Enumerated string. Allowed values: code, name, narrowSymbol, symbol. Default: symbol. How to display the currency.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Number. The maximum number of fraction digits to use. Possible values are 0-100.

Number. The maximum number of significant digits to use,. Possible values are 1-21.

Number. The minimum number of fraction digits to use. Possible values are 0-100.

Number. The minimum number of integer digits to use. Possible values are 1-21.

Number. The minimum number of significant digits to use. Possible values are 1-21.

Enumerated string. Allowed values: currency, decimal, percent. Default: decimal. The formatting style to use.

Boolean. Default: FALSE. Turns off grouping separators.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and ignored by assistive devices.

String. The name of the icon to draw. Available names depend on the icon library being used.

Enumerated string. Allowed values: beat, beat-fade, bounce, fade, flip, shake, spin, spin-pulse, spin-reverse. Sets the animation for the icon

Boolean. Default: FALSE. Sets the width of the icon to match the cropped SVG viewBox. This operates like the Font fa-width-auto class.

String. Optional Web Awesome attribute.

String. The family of icons to choose from. For Font Awesome Free, valid options include classic and brands. For Font Awesome Pro subscribers, valid options include, classic, sharp, duotone, sharp-duotone, and brands. A valid kit code must be present to show pro icons via CDN. You can set ⁠<html data-fa-kit-code="...">⁠ to provide one.

Enumerated string. Allowed values: both, x, y. Sets the flip direction of the icon along the 'x' (horizontal), 'y' (vertical), or 'both' axes.

String. Optional Web Awesome attribute.

String. Default: default. The name of a registered custom icon library.

Number. Default: 0. Sets the rotation degree of the icon

String. An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and can result in XSS attacks.

Boolean. Default: FALSE. Swaps the opacity of duotone icons.

String. The name of the icon's variant. For Font Awesome, valid options include thin, light, regular, and solid for the classic and sharp families. Some variants require a Font Awesome Pro subscription. Custom icon libraries may or may not use this property.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as code and can result in XSS attacks.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: cors, no-cors, same-origin. Default: cors. The fetch mode to use.

String. The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as code and can result in XSS attacks.

Input id of the component to update.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Optional value to send to the component.

Optional logical disabled state to send to the component.

Optional label text to send to the component.

Optional hint text to send to the component.

String. Default: null. The name of the input, submitted as a name/value pair with form data.

Enumerated string. Allowed values: filled, filled-outlined, outlined. Default: outlined. The input's visual appearance.

Enumerated string. Allowed values: characters, none, off, on, sentences, words. Controls whether and how text input is automatically capitalized as it is entered by the user.

String. Specifies what permission the browser has to provide assistance in filling out form field values. Refer to this page on MDN for available values.

Boolean. Default: FALSE. Indicates whether the browser's autocorrect feature is on or off. When set as an attribute, use "off" or "on". When set as a property, use TRUE or FALSE. Because the upstream implementation treats attributes and properties differently for this field, this argument accepts TRUE, FALSE, "on", "off", NULL. TRUE emits autocorrect="on" and FALSE emits autocorrect="off". NULL omits the attribute. Accepted string values: "on" is emitted unchanged; "off" is emitted unchanged.

Boolean. Default: FALSE. Indicates that the input should receive focus on page load.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: done, enter, go, next, previous, search, send. Used to customize the label or icon of the Enter key on virtual keyboards.

Enumerated string. Allowed values: decimal, email, none, numeric, search, tel, text, url. Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual keyboard on supportive devices.

String. Optional Web Awesome attribute.

The input's maximum value. Only applies to date and number input types.

Number. The maximum length of input that will be considered valid.

The input's minimum value. Only applies to date and number input types.

Number. The minimum length of input that will be considered valid.

Boolean. Default: FALSE. Adds a button to toggle the password's visibility. Only applies to password types.

Boolean. Default: FALSE. Determines whether or not the password is currently visible. Only applies to password input types.

String. A regular expression pattern to validate input against.

Boolean. Default: FALSE. Draws a pill-style input with rounded edges.

String. Default: "". Placeholder text to show as a hint when the input is empty.

Boolean. Default: FALSE. Makes the input readonly.

Boolean. Default: FALSE. Makes the input a required field.

Enumerated string. Allowed values: large, medium, small. Default: medium. The input's size.

Boolean. Default: TRUE. Enables spell checking on the input.

Specifies the granularity that the value must adhere to, or the special value any which means no stepping is implied, allowing any numeric value. Only applies to date and number input types.

String. Default: "". Optional Web Awesome attribute.

Enumerated string. Allowed values: date, datetime-local, email, number, password, search, tel, text, time, url. Default: text. The type of input. Works the same as a native ⁠<input>⁠ element, but only a subset of types are supported. Defaults to text.

Boolean. Default: FALSE. Adds a clear button when the input is not empty.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a hint element so the server-rendered markup includes the hint before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a label element so the server-rendered markup includes the label before the component hydrates on the client.

Boolean. Default: FALSE. Hides the browser's built-in increment/decrement spin buttons for number inputs.

An icon to use in lieu of the default clear icon.

An element, such as ⁠<wa-icon>⁠, placed at the end of the input control.

An icon to use in lieu of the default hide password icon.

Text that describes how to use the input. Alternatively, you can use the hint attribute.

The input's label. Alternatively, you can use the label attribute.

An icon to use in lieu of the default show password icon.

An element, such as ⁠<wa-icon>⁠, placed at the start of the input control.

Shiny session object.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Deactivates the intersection observer functionality.

String. Optional Web Awesome attribute.

String. Default: "". CSS class applied to elements during intersection. Automatically removed when elements leave the viewport, enabling pure CSS styling based on visibility state.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. If enabled, observation ceases after initial intersection.

String. Default: null. Element ID to define the viewport boundaries for tracked targets.

String. Default: ⁠0px⁠. Offset space around the root boundary. Accepts values like CSS margin syntax.

String. Default: 0. One or more space-separated values representing visibility percentages that trigger the observer callback.

One non-missing JavaScript string to inject into the page.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Number. Default: 4. The tab stop width used when converting leading tabs to spaces during whitespace normalization.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Disables the observer.

String. Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g. attr="class id title". To watch all attributes, use *.

Boolean. Default: FALSE. Indicates whether or not the attribute's previous value should be recorded when monitoring changes.

Boolean. Default: FALSE. Watches for changes to the character data contained within the node.

Boolean. Default: FALSE. Indicates whether or not the previous value of the node's text should be recorded.

Boolean. Default: FALSE. Watches for the addition or removal of new child nodes.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Input id of the component to update.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Optional value to send to the component.

Optional logical disabled state to send to the component.

Optional label text to send to the component.

Optional hint text to send to the component.

String. Default: null. The name of the input, submitted as a name/value pair with form data.

Enumerated string. Allowed values: filled, filled-outlined, outlined. Default: outlined. The input's visual appearance.

String. Specifies what permission the browser has to provide assistance in filling out form field values. Refer to this page on MDN for available values.

Boolean. Default: FALSE. Indicates that the input should receive focus on page load.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: done, enter, go, next, previous, search, send. Used to customize the label or icon of the Enter key on virtual keyboards.

Enumerated string. Allowed values: decimal, numeric. Default: numeric. Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual keyboard on supportive devices.

String. Optional Web Awesome attribute.

Number. The input's maximum value.

Number. The input's minimum value.

Boolean. Default: FALSE. Draws a pill-style input with rounded edges.

String. Default: "". Placeholder text to show as a hint when the input is empty.

Boolean. Default: FALSE. Makes the input readonly.

Boolean. Default: FALSE. Makes the input a required field.

Enumerated string. Allowed values: large, medium, small. Default: medium. The input's size.

Default: 1. Specifies the granularity that the value must adhere to, or the special value any which means no stepping is implied, allowing any numeric value.

String. Default: "". Optional Web Awesome attribute.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a hint element so the server-rendered markup includes the hint before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a label element so the server-rendered markup includes the label before the component hydrates on the client.

Boolean. Default: FALSE. Hides the increment/decrement stepper buttons.

An icon to use in lieu of the default decrement icon.

An element, such as ⁠<wa-icon>⁠, placed at the end of the input control (before steppers).

Text that describes how to use the input. Alternatively, you can use the hint attribute.

An icon to use in lieu of the default increment icon.

The input's label. Alternatively, you can use the label attribute.

An element, such as ⁠<wa-icon>⁠, placed at the start of the input control.

Shiny session object.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". The option's value. When selected, the containing form control will receive this value. The value must be unique from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing multiple values.

Boolean. Default: FALSE. Draws the option in a disabled state, preventing selection.

String. The option’s plain text label. Usually automatically generated, but can be useful to provide manually for cases involving complex content.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Selects an option initially. This wrapper argument sets the HTML selected attribute, which maps to the component's defaultSelected field/property.

An element, such as ⁠<wa-icon>⁠, placed after the label.

An element, such as ⁠<wa-icon>⁠, placed before the label.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Determines whether or not to hide the default hamburger button. This will automatically flip to "TRUE" if you add an element with data-toggle-nav anywhere in the element light DOM. Generally this will be set for you and you don't need to do anything, unless you're using SSR, in which case you should set this manually for initial page loads.

String. Optional Web Awesome attribute.

String. Default: ⁠768px⁠. At what page width to hide the "navigation" slot and collapse into a hamburger button. Accepts both numbers (interpreted as px) and CSS lengths (e.g. ⁠50em⁠), which are resolved based on the root element.

Boolean. Default: FALSE. Whether or not the navigation drawer is open. Note, the navigation drawer is only "open" on mobile views.

Enumerated string. Allowed values: end, start. Default: start. Where to place the navigation when in the mobile viewport.

Enumerated string. Allowed values: desktop, mobile. Default: desktop. The view is a reflection of the "mobileBreakpoint", when the page is larger than the mobile-breakpoint (768px by default), it is considered to be a "desktop" view. The view is merely a way to distinguish when to show/hide the navigation. You can use additional media queries to make other adjustments to content as necessary. The default is "desktop" because the "mobile navigation drawer" isn't accessible via SSR due to drawer requiring JS.

Content to be shown on the right side of the page. Typically contains a table of contents, ads, etc. This section "sticks" to the top as the page scrolls.

The banner that gets display above the header. The banner will not be shown if no content is provided.

The content to display in the footer. This is always displayed underneath the viewport so will always make the page "scrollable".

The header to display at the top of the page. If a banner is present, the header will appear below the banner. The header will not be shown if there is no content.

Footer to display inline below the main content.

Header to display inline above the main content.

The left side of the page. If you slot an element in here, you will override the default navigation slot and will be handling navigation on your own. This also will not disable the fallback behavior of the navigation button. This section "sticks" to the top as the page scrolls.

The main content to display in the navigation area. This is displayed on the left side of the page, if menu is not used. This section "sticks" to the top as the page scrolls.

The footer for a navigation area. On mobile this will be the footer for ⁠<wa-drawer>⁠.

The header for a navigation area. On mobile this will be the header for ⁠<wa-drawer>⁠.

Use this slot to slot in your own button + icon for toggling the navigation drawer. By default it is a ⁠<wa-button>⁠ + a 3 bars ⁠<wa-icon>⁠

Use this to slot in your own icon for toggling the navigation drawer. By default it is 3 bars ⁠<wa-icon>⁠.

The "skip to content" slot. You can override this If you would like to override the ⁠Skip to content⁠ button and add additional "Skip to X", they can be inserted here.

A subheader to display below the header. This is a good place to put things like breadcrumbs.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

Number. Default: 8. The distance in pixels from which to offset the popover away from its target.

String. Default: null. The ID of the popover's anchor element. This must be an interactive/focusable element such as a button.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Shows or hides the popover.

Enumerated string. Allowed values: bottom, bottom-end, bottom-start, left, left-end, left-start, right, right-end, right-start, top, top-end, top-start. Default: top. The preferred placement of the popover. Note that the actual placement may vary as needed to keep the popover inside of the viewport.

Number. Default: 0. The distance in pixels from which to offset the popover along its target.

Boolean. Default: FALSE. Removes the arrow from the popover.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn down and the popup will be hidden.

The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor element id, a DOM element reference, or a VirtualElement. If the anchor lives inside the popup, use the anchor slot instead.

Boolean. Default: FALSE. Attaches an arrow to the popup. The arrow's size and color can be customized using the --arrow-size and --arrow-color custom properties. For additional customizations, you can also target the arrow using ⁠::part(arrow)⁠ in your stylesheet.

Number. Default: 10. The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example, this will prevent it from overflowing the corners.

Enumerated string. Allowed values: anchor, center, end, start. Default: anchor. The placement of the arrow. The default is anchor, which will align the arrow as close to the center of the anchor as possible, considering available space and arrow-padding. A value of start, end, or center will align the arrow to the start, end, or center of the popover instead.

Enumerated string. Allowed values: both, horizontal, vertical. When set, this will cause the popup to automatically resize itself to prevent it from overflowing.

Number. Default: 0. The amount of padding, in pixels, to exceed before the auto-size behavior will occur.

The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can change the boundary by passing a reference to one or more elements to this property.

Enumerated string. Allowed values: scroll, viewport. Default: viewport. The bounding box to use for flipping, shifting, and auto-sizing.

String. Optional Web Awesome attribute.

Number. Default: 0. The distance in pixels from which to offset the panel away from its anchor.

Boolean. Default: FALSE. When set, placement of the popup will flip to the opposite site to keep it in view. You can use flipFallbackPlacements to further configure how the fallback placement is determined.

String. Default: "". If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a string of any number of placements separated by a space, e.g. "top bottom left". If no placement fits, the flip fallback strategy will be used instead.

Enumerated string. Allowed values: best-fit, initial. Default: best-fit. When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether the popup should be positioned using the best available fit based on available space or as it was initially preferred.

Number. Default: 0. The amount of padding, in pixels, to exceed before the flip behavior will occur.

The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can change the boundary by passing a reference to one or more elements to this property.

Boolean. Default: FALSE. When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the gap using an invisible element. This makes listening for events such as mouseenter and mouseleave more sane because the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is active.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: bottom, bottom-end, bottom-start, left, left-end, left-start, right, right-end, right-start, top, top-end, top-start. Default: top. The preferred placement of the popup. Note that the actual placement will vary as configured to keep the panel inside of the viewport.

Boolean. Default: FALSE. Moves the popup along the axis to keep it in view when clipped.

Number. Default: 0. The amount of padding, in pixels, to exceed before the shift behavior will occur.

The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can change the boundary by passing a reference to one or more elements to this property.

Number. Default: 0. The distance in pixels from which to offset the panel along its anchor.

Enumerated string. Allowed values: both, height, width. Syncs the popup's width or height to that of the anchor element.

The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the anchor attribute or property instead.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Number. Default: 0. The current progress as a percentage, 0 to 100.

String. Default: "". A custom label for assistive devices.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. When TRUE, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.

String. Optional Web Awesome attribute.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Number. Default: 0. The current progress as a percentage, 0 to 100.

String. Default: "". A custom label for assistive devices.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". The QR code's value.

String. Default: "". The label for assistive devices to announce. If unspecified, the value will be used instead.

String. Default: "". The background color. This can be any valid CSS color or transparent. It cannot be a CSS custom property.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: H, L, M, Q. Default: H. The level of error correction to use. Learn more

String. Default: "". The fill color. This can be any valid CSS color, but not a CSS custom property.

String. Optional Web Awesome attribute.

Number. Default: 0. The edge radius of each module. Must be between 0 and 0.5.

Number. Default: 128. The size of the QR code, in pixels.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. The radio's value. When selected, the radio group will receive this value.

Boolean. Default: FALSE. Disables the radio.

String. Default: null. The name of the input, submitted as a name/value pair with form data.

Enumerated string. Allowed values: button, default. Default: default. The radio's visual appearance.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: large, medium, small. The radio's size. When used inside a radio group, the size will be determined by the radio group's size, which will override this attribute.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. The default value of the form control. Primarily used for resetting the form control. This wrapper argument sets the HTML value attribute, which maps to the component's defaultValue field/property rather than its live value property.

Boolean. Default: FALSE. Disables the radio group and all child radios.

String. Default: "". The radio group's label. Required for proper accessibility. If you need to display HTML, use the label slot instead.

String. Default: "". The radio groups's hint. If you need to display HTML, use the hint slot instead.

String. Default: null. The name of the radio group, submitted as a name/value pair with form data.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: horizontal, vertical. Default: vertical. The orientation in which to show radio items.

Boolean. Default: FALSE. Ensures a child radio is checked before allowing the containing form to submit.

Enumerated string. Allowed values: large, medium, small. The radio group's size. When present, this size will be applied to all ⁠<wa-radio>⁠ items inside.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a hint element so the server-rendered markup includes the hint before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a label element so the server-rendered markup includes the label before the component hydrates on the client.

Text that describes how to use the radio group. Alternatively, you can use the hint attribute.

The radio group's label. Required for proper accessibility. Alternatively, you can use the label attribute.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Number. Default: 0. The current rating.

Boolean. Default: FALSE. Disables the rating.

String. Default: "". A label that describes the rating to assistive devices.

String. Default: null. The name of the rating, submitted as a name/value pair with form data.

String. Default: null. Optional Web Awesome attribute.

Number. Default: 0. The default value of the form control. Used to reset the rating to its initial value.

String. Optional Web Awesome attribute.

A function that customizes the symbol to be rendered. The first and only argument is the rating's current value. The function should return a string containing trusted HTML of the symbol to render at the specified value. Works well with ⁠<wa-icon>⁠ elements.

String. Optional Web Awesome attribute.

Number. Default: 5. The highest rating to show.

Number. Default: 1. The precision at which the rating will increase and decrease. For example, to allow half-star ratings, set this attribute to 0.5.

Boolean. Default: FALSE. Makes the rating readonly.

Boolean. Default: FALSE. Makes the rating a required field.

Enumerated string. Allowed values: large, medium, small. Default: medium. The component's size.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Default: ⁠new Date()⁠. The date from which to calculate time from. If not set, the current date and time will be used. When passing a string, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format in JavaScript, use date.toISOString().

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: long, narrow, short. Default: long. The formatting style to use.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: always, auto. Default: auto. When auto, values such as "yesterday" and "tomorrow" will be shown when possible. When always, values such as "1 day ago" and "in 1 day" will be shown.

Boolean. Default: FALSE. Keep the displayed value up to date as time passes.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Disables the observer.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: horizontal, vertical. Default: horizontal. The scroller's orientation.

Boolean. Default: FALSE. Removes the visible scrollbar.

Boolean. Default: FALSE. Removes the shadows.

Input id of the component to update.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Optional value to send to the component.

Optional logical disabled state to send to the component.

Optional label text to send to the component.

Optional hint text to send to the component.

String. Default: "". The name of the select, submitted as a name/value pair with form data.

Enumerated string. Allowed values: filled, filled-outlined, outlined. Default: outlined. The select's visual appearance.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Number. Default: 3. The maximum number of selected options to show when multiple is TRUE. After the maximum, "+n" will be shown to indicate the number of additional items that are selected. Set to 0 to remove the limit.

Boolean. Default: FALSE. Allows more than one option to be selected.

Boolean. Default: FALSE. Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can use the show() and hide() methods and this attribute will reflect the select's open state.

Boolean. Default: FALSE. Draws a pill-style select with rounded edges.

String. Default: "". Placeholder text to show as a hint when the select is empty.

Enumerated string. Allowed values: bottom, top. Default: bottom. The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox inside of the viewport.

Boolean. Default: FALSE. The select's required attribute.

Enumerated string. Allowed values: large, medium, small. Default: medium. The select's size.

Boolean. Default: FALSE. Adds a clear button when the select is not empty.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a hint element so the server-rendered markup includes the hint before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a label element so the server-rendered markup includes the label before the component hydrates on the client.

An icon to use in lieu of the default clear icon.

An element, such as ⁠<wa-icon>⁠, placed at the end of the combobox.

The icon to show when the control is expanded and collapsed. Rotates on open and close.

Text that describes how to use the input. Alternatively, you can use the hint attribute.

The input's label. Alternatively, you can use the label attribute.

An element, such as ⁠<wa-icon>⁠, placed at the start of the combobox.

Shiny session object.

DOM id of the target browser element.

Scalar property name to assign on the target element.

Value to assign. This should be serializable through Shiny's custom-message transport. In practice, prefer JSON-like values such as strings, numbers, logicals, NULL, vectors/lists of scalars, and named lists that map cleanly to browser objects. Do not expect R functions, language objects, or HTML tags to serialize into useful browser-side values.

Shiny session object. Defaults to the current reactive domain.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: none, pulse, sheen. Default: none. Determines which effect the skeleton will use.

String. Optional Web Awesome attribute.

Input id of the component to update.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Optional value to send to the component.

Optional logical disabled state to send to the component.

Optional label text to send to the component.

Optional hint text to send to the component.

String. Default: null. The name of the slider. This will be submitted with the form as a name/value pair.

Boolean. Default: FALSE. Tells the browser to focus the slider when the page loads or a dialog is shown.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Number. The starting value from which to draw the slider's fill, which is based on its current value.

String. Optional Web Awesome attribute.

Number. Default: 100. The maximum value allowed.

Number. Default: 50. The maximum value of a range selection. Used only when range attribute is set.

Number. Default: 0. The minimum value allowed.

Number. Default: 0. The minimum value of a range selection. Used only when range attribute is set.

Enumerated string. Allowed values: horizontal, vertical. Default: horizontal. The orientation of the slider.

Boolean. Default: FALSE. Converts the slider to a range slider with two thumbs.

Boolean. Default: FALSE. Makes the slider a read-only field.

Enumerated string. Allowed values: large, medium, small. Default: medium. The slider's size.

Number. Default: 1. The granularity the value must adhere to when incrementing and decrementing.

Number. Default: 8. The distance of the tooltip from the slider's thumb.

Enumerated string. Allowed values: bottom, left, right, top. Default: top. The placement of the tooltip in reference to the slider's thumb.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a hint element so the server-rendered markup includes the hint before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a label element so the server-rendered markup includes the label before the component hydrates on the client.

Boolean. Default: FALSE. Draws markers at each step along the slider.

Boolean. Default: FALSE. Draws a tooltip above the thumb when the control has focus or is dragged.

Text that describes how to use the input. Alternatively, you can use the hint attribute. instead.

The slider label. Alternatively, you can use the label attribute.

One or more reference labels to show visually below the slider.

Shiny session object.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Disables resizing. Note that the position may still change as a result of resizing the host element.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: horizontal, vertical. Default: horizontal. Sets the split panel's orientation.

Number. Default: 50. The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the container's initial size.

Number. The current position of the divider from the primary panel's edge in pixels.

Enumerated string. Allowed values: end, start. If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a primary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the host element is resized.

String. One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g. "100px 50%".

Number. Default: 12. How close the divider must be to a snap point until snapping occurs.

The divider. Useful for slotting in a custom icon that renders as a handle.

Content to place in the end panel.

Content to place in the start panel.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. The value of the switch, submitted as a name/value pair with form data.

Boolean. Default: FALSE. The default value of the form control. Primarily used for resetting the form control. This wrapper argument sets the HTML checked attribute, which maps to the component's defaultChecked field/property rather than its live checked property.

Boolean. Default: FALSE. Disables the switch.

String. Default: "". The switch's hint. If you need to display HTML, use the hint slot instead.

String. Default: null. The name of the switch, submitted as a name/value pair with form data.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Makes the switch a required field.

Enumerated string. Allowed values: large, medium, small. Default: medium. The switch's size.

String. Default: "". Optional Web Awesome attribute.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a hint element so the server-rendered markup includes the hint before the component hydrates on the client.

Text that describes how to use the switch. Alternatively, you can use the hint attribute.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Disables the tab and prevents selection.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

String. Default: "". The name of the tab panel this tab is associated with. The panel must be located in the same tab group.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Enumerated string. Allowed values: auto, manual. Default: auto. When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to manual, the tab will receive focus but will not show until the user presses spacebar or enter.

String. Default: "". Sets the active tab.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: bottom, end, start, top. Default: top. The placement of the tabs.

Boolean. Default: FALSE. Disables the scroll arrows that appear when tabs overflow.

Used for grouping tabs in the tab group. Must be ⁠<wa-tab>⁠ elements. Note that ⁠<wa-tab>⁠ will set this slot on itself automatically.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

String. Default: "". The tab panel's name.

Boolean. Default: FALSE. When TRUE, the tab panel will be shown.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Enumerated string. Allowed values: accent, filled, filled-outlined, outlined. Default: filled-outlined. The tag's visual appearance.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Draws a pill-style tag with rounded edges.

Enumerated string. Allowed values: large, medium, small. Default: medium. The tag's size.

Enumerated string. Allowed values: brand, danger, neutral, success, warning. Default: neutral. The tag's theme variant. Defaults to neutral if not within another element with a variant.

Boolean. Default: FALSE. Makes the tag removable and shows a remove button.

Input id of the component to update.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

Optional value to send to the component.

Optional logical disabled state to send to the component.

Optional label text to send to the component.

Optional hint text to send to the component.

String. Default: null. The name of the textarea, submitted as a name/value pair with form data.

Enumerated string. Allowed values: filled, filled-outlined, outlined. Default: outlined. The textarea's visual appearance.

Enumerated string. Allowed values: characters, none, off, on, sentences, words. Controls whether and how text input is automatically capitalized as it is entered by the user.

String. Specifies what permission the browser has to provide assistance in filling out form field values. Refer to this page on MDN for available values.

Boolean. Default: FALSE. Indicates whether the browser's autocorrect feature is on or off. When set as an attribute, use "off" or "on". When set as a property, use TRUE or FALSE. Because the upstream implementation treats attributes and properties differently for this field, this argument accepts TRUE, FALSE, "on", "off", NULL. TRUE emits autocorrect="on" and FALSE emits autocorrect="off". NULL omits the attribute. Accepted string values: "on" is emitted unchanged; "off" is emitted unchanged.

Boolean. Default: FALSE. Indicates that the input should receive focus on page load.

String. Default: null. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: done, enter, go, next, previous, search, send. Used to customize the label or icon of the Enter key on virtual keyboards.

Enumerated string. Allowed values: decimal, email, none, numeric, search, tel, text, url. Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual keyboard on supportive devices.

String. Optional Web Awesome attribute.

Number. The maximum length of input that will be considered valid.

Number. The minimum length of input that will be considered valid.

String. Default: "". Placeholder text to show as a hint when the input is empty.

Boolean. Default: FALSE. Makes the textarea readonly.

Boolean. Default: FALSE. Makes the textarea a required field.

Enumerated string. Allowed values: auto, both, horizontal, none, vertical. Default: vertical. Controls how the textarea can be resized.

Number. Default: 4. The number of rows to display by default.

Enumerated string. Allowed values: large, medium, small. Default: medium. The textarea's size.

Boolean. Default: TRUE. Enables spell checking on the textarea.

String. Default: "". Optional Web Awesome attribute.

Boolean. Default: FALSE. Shows a character count below the textarea. When maxlength is set, shows remaining characters instead.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a hint element so the server-rendered markup includes the hint before the component hydrates on the client.

Boolean. Default: FALSE. Only required for SSR. Set to TRUE if you're slotting in a label element so the server-rendered markup includes the label before the component hydrates on the client.

Text that describes how to use the input. Alternatively, you can use the hint attribute.

The textarea's label. Alternatively, you can use the label attribute.

Shiny session object.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Disables the tooltip so it won't show when triggered.

String. Optional Web Awesome attribute.

Number. Default: 8. The distance in pixels from which to offset the tooltip away from its target.

String. Default: null. Optional Web Awesome attribute.

Number. Default: 0. The amount of time to wait before hiding the tooltip when the user mouses out.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.

Enumerated string. Allowed values: bottom, bottom-end, bottom-start, left, left-end, left-start, right, right-end, right-start, top, top-end, top-start. Default: top. The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip inside of the viewport.

Number. Default: 150. The amount of time to wait before showing the tooltip when the user mouses in.

Number. Default: 0. The distance in pixels from which to offset the tooltip along its target.

String. Default: ⁠hover focus⁠. Controls how the tooltip is activated. Possible options include click, hover, focus, and manual. Multiple options can be passed by separating them with a space. When manual is used, the tooltip must be activated programmatically.

Boolean. Default: FALSE. Removes the arrow from the tooltip.

Shiny input id for the component. This is also used as the rendered DOM id attribute.

Child content for the component's default slot.

Optional CSS class string.

Optional inline CSS style string.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: leaf, multiple, single. Default: single. The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple displays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.

The icon to show when the tree item is collapsed. Works best with ⁠<wa-icon>⁠.

The icon to show when the tree item is expanded. Works best with ⁠<wa-icon>⁠.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Disables the tree item.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Expands the tree item.

String. Optional Web Awesome attribute.

Boolean. Default: FALSE. Enables lazy loading behavior.

Boolean. Default: FALSE. Draws the tree item in a selected state.

The icon to show when the tree item is collapsed.

The icon to show when the tree item is expanded.

Child content for the component's default slot.

Optional DOM id attribute for HTML, CSS, and JS targeting.

Optional CSS class string.

Optional inline CSS style string.

Boolean. Default: FALSE. Allows fullscreen mode.

String. Optional Web Awesome attribute.

String. Optional Web Awesome attribute.

Enumerated string. Allowed values: eager, lazy. Default: eager. Controls iframe loading behavior.

String. Controls referrer information.

String. Security restrictions for the iframe.

String. The URL of the content to display.

String. Inline HTML to display.

Boolean. Default: FALSE. Enables automatic theme syncing (light/dark mode and theme selector classes) from the host document to the iframe.

Boolean. Default: FALSE. Removes the zoom controls.

Boolean. Default: FALSE. Disables interaction when present.

Number. Default: 1. The current zoom of the frame, e.g. 0 = 0% and 1 = 100%.

String. Default: ⁠25% 50% 75% 100% 125% 150% 175% 200%⁠. The zoom levels to step through when using zoom controls. This does not restrict programmatic changes to the zoom.

The slot that contains the zoom in icon.

The slot that contains the zoom out icon.

UI content to place in the page body.

Optional page title.

Optional HTML lang attribute for the page.

Optional CSS class string for the root HTML element. This is useful for page-level Web Awesome theme, palette, and brand classes such as "wa-theme-default wa-palette-default wa-brand-blue" or "wa-palette-default". When class includes a recognized non-default theme class such as "wa-theme-awesome" or "wa-theme-shoelace", webawesomePage() also loads the matching bundled theme stylesheet automatically.

Optional CSS class string for the page body. This is useful for app-shell layout or body-level styling hooks that should stay separate from root HTML theme classes.