Option Group

API Reference

Imports

Script

HTML

<!-- Auto registers as <role-option-group> -->
<script type="module" src="https://cdn.jsdelivr.net/npm/role-components/exports/components/option-group/option-group-register.js"></script>

CDN

HTML

<script type="module">
  // Auto registers as <role-option-group>
  import "https://cdn.jsdelivr.net/npm/role-components/exports/components/option-group/option-group-register.js"

  // Manual Register
  import OptionGroup from "https://cdn.jsdelivr.net/npm/role-components/exports/components/option-group/option-group.js"
  OptionGroup.define()
  // => Registers as <role-option-group>
</script>

Bundler

JavaScript

// Auto registers as <role-option-group>
import "role-components/exports/components/option-group/option-group-register.js"

// Manual Register
import OptionGroup "role-components/exports/components/option-group/option-group.js"
OptionGroup.define()
// => Registers as <role-option-group>

Attributes

Name	Description	Reflects	Type	Default
[Attribute] [Property] `role`	-		`string`	`"group"`

Functions

Name	Description	Parameters
`getOrAssignId()`	Assign a random UUID with a prefix if no id is found. Will return the “id” of the element if its already assigned.	`prefix: string, force: boolean`
`getTextDirection()`	-	-
`debounce()`	-	`callback: (...args: any[]) => any, options: { key: any, wait: number }`
`setAria()`	-	`key: T, value: ARIAMixin[T]`

Option

Select