Pinwheel
The pinwheel component.
Importing
ts
import "@tapsioss/web-components/pinwheel";ts
import { Pinwheel } from "@tapsioss/react-components/Pinwheel";Component Usage
html
<tapsi-pinwheel></tapsi-pinwheel>tsx
<Pinwheel />Properties
| Name | Description | Type | Default Value |
|---|---|---|---|
valuemin | Defines the minimum allowed value for pinwheel. Use it when your items' values are sequential numbers. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuemin | string | "" |
valuemax | Defines the maximum allowed value for pinwheel. Use it when your items' values are sequential numbers. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuemax | string | "" |
label | Defines a string value that can be used to set a label for assistive technologies. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label | string | "" |
labelledby | Identifies the element (or elements) that labels the pinwheel. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby | string | "" |
autofocus | Indicates that the element should be focused on page load. https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus | boolean | false |
Events
| Name | Description | Type |
|---|---|---|
change | Fires when the pinwheel selected state changes (Bubbles). | Event |