HoopsSwitchElement

class ui.hoopsSwitch.HoopsSwitchElement()

A switch component.

Index

Constructors

• constructor

Properties

• styles
• checked
• disabled
• label

Methods

• render

Constructors

ui.hoopsSwitch.HoopsSwitchElement.constructor()

HoopsSwitchElement(): HoopsSwitchElement

Returns: HoopsSwitchElement

Properties

ui.hoopsSwitch.HoopsSwitchElement.styles

static

styles: CSSResult

Array of styles to apply to the element. The styles should be defined using the ? tag function, via constructible stylesheets, or imported from native CSS module scripts.

Note on Content Security Policy:

Element styles are implemented with <style> tags when the browser doesn’t support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include ‘unsafe-inline’ or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page’s HTML, before loading application code:

<script>
  // Generated and unique per request:
  window.litNonce = 'a1b2c3d4';
</script>

ui.hoopsSwitch.HoopsSwitchElement.checked

checked: boolean

The switch state

ui.hoopsSwitch.HoopsSwitchElement.disabled

disabled: boolean

Whether or not the switch is disabled

ui.hoopsSwitch.HoopsSwitchElement.label

label: string

The switch label

Methods

ui.hoopsSwitch.HoopsSwitchElement.render()

render(): TemplateResult

Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html’s ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

Returns: TemplateResult