Function Toggle 

pub fn Toggle(props: ToggleProps) -> impl IntoView

A two-state button that toggles between on and off.

Required Props

• children: Children

Optional Props

• accesskey: impl Into<MaybeProp<String>>
  • A space separated list of keys to focus this element. The first key available on the user’s keyboard layout is used.
• autocapitalize: impl Into<MaybeProp<String>>

  • Sets whether the input value should be capitalized and how. If a parent <form> has autocapitalize rules set, it will override any rules set here.

    Accepted values: “none” or “off” | “sentences” or “on” | “words” | “characters”.

• autofocus: impl Into<MaybeProp<bool>>
  • Grabs focus once the page has finished loading. Only one element on the page can be focused at a time.
• class: impl Into<MaybeProp<String>>
  • Apply classes to the element.
• contenteditable: impl Into<MaybeProp<String>>

  • Allows client-side editing of the element by the user.

    Accepted values: “true” | “false” | “plaintext-only”

• dir: impl Into<MaybeProp<String>>

  • Indicate directionality of the element’s text.

    Accepted values: “ltr” | “rtl” | “auto”

• draggable: impl Into<MaybeProp<bool>>
  • Toggle whether the element can be dragged.
• enterkeyhint: impl Into<MaybeProp<String>>
  • Modifies the appearance of the enter key on virtual keyboards.
• exportparts: impl Into<MaybeProp<String>>
  • Expose elements in the shadow DOM to be manipulated by the DOM.
• hidden: impl Into<MaybeProp<String>>
  • Controls hidden status of the element.
• id: impl Into<MaybeProp<String>>
  • Set the id of this element.
• inert: impl Into<MaybeProp<bool>>
  • Toggle if the browser reacts to input events from this element.
• inputmode: impl Into<MaybeProp<String>>
  • Hints to the browser of what type of virtual keyboard to display when editing this element or its children.
• is: impl Into<MaybeProp<String>>
  • Used to render a standard element as a custom element.
• itemid: impl Into<MaybeProp<String>>
  • Unique global identifier of an item.
• itemprop: impl Into<MaybeProp<String>>
  • Used to add properties to an item.
• itemref: impl Into<MaybeProp<String>>
  • Used to associate an item with a related non-parent element that’s using itemscope.
• itemscope: impl Into<MaybeProp<String>>
  • Used to declare that children elements are related to a particular item.
• itemtype: impl Into<MaybeProp<String>>
  • URL of data used to define itemprops.
• lang: impl Into<MaybeProp<String>>
  • Defines the language of an element.
• nonce: impl Into<MaybeProp<String>>
  • Cryptographic “number used once”.
• part: impl Into<MaybeProp<String>>
  • List of the part names of the element.
• popover: impl Into<MaybeProp<String>>
  • Designate an element as a popover element.
• role: impl Into<MaybeProp<String>>
  • Define the semantic meaning of content.
• slot: impl Into<MaybeProp<String>>
  • Assigns a slot to an element.
• spellcheck: impl Into<MaybeProp<String>>

  • Toggle spellcheck for this input.

    Accepted values: “default” | “true” | “false”.

• style: impl Into<MaybeProp<String>>
  • Define CSS to be applied to the element.
• tabindex: impl Into<MaybeProp<usize>>
  • Controls how an element behaves when a user navigates using the tab key.
• title: impl Into<MaybeProp<String>>
  • Describes the content of the element to screen readers.
• translate: impl Into<MaybeProp<String>>
  • Defines localization behavior for the element.
• aria_label: impl Into<MaybeProp<String>>
  • Defines an accessible string value that can be used to name an element.
• command: impl Into<MaybeProp<String>>

  • The action that’s performed by the element this button controls.

    Accepted values: “show-modal” | “close” | “request-close” | “show-popover” | “hide-popover” | “toggle-popover” | “–[custom value]”

• commandfor: impl Into<MaybeProp<String>>
  • Turn this button into a command button for an element via id.
• disabled: impl Into<MaybeProp<bool>>
  • Toggle whether or not the input is disabled.
• form: impl Into<MaybeProp<String>>
  • Associate this element with a form element that may not be its parent by its id.
• formaction: impl Into<MaybeProp<String>>
  • Defines the target for submitted form data. Overrides any parent <form> action values.
• formenctype: impl Into<MaybeProp<String>>

  • Defines the encoding type for submitted form data. Overrides any parent <form> formenctype values.

    Accepted values: “application/x-www-form-urlencoded” | “multipart/form-data” | “text/plain”.

• formmethod: impl Into<MaybeProp<String>>

  • Defines the HTTP method used to submit form data. Overrides any parent <form> method values.

    Accepted values: “get” | “post” | “dialog”.

• formnovalidate: impl Into<MaybeProp<bool>>
  • Toggle whether the form data is validated or not before submission. Overrides any parent <form> novalidate values.
• formtarget: impl Into<MaybeProp<String>>

  • Defines where to display the response received after submission. Overrides any parent <form> target values.

    Accepted values: “_self” | “_blank” | “_parent” | “_top”, or the name of any tab, window, or iframe

• name: impl Into<MaybeProp<String>>
  • Name of this element. Submitted with the form as part of a name/value pair.
• popovertarget: impl Into<MaybeProp<String>>
  • Id of a popover to control.
• popovertargetaction: impl Into<MaybeProp<String>>

  • The action to perform on the target popover.

    Accepted values: “hide” | “show” | “toggle”

• value: impl Into<MaybeProp<String>>
  • The value associated with this button’s name when submitted with form data.
• size: impl Into<MaybeProp<String>>
  • The size of the toggle. Leave this empty for the default size. Sizes: sm / small | lg / large
• variant: impl Into<MaybeProp<String>>
  • The display variant of the toggle. Leave this empty for the default variant. Variants: outline
• pressed: impl Into<Reactive<bool>>
  • Reactive signal coupled to the toggle’s pressed state.