RateSlider

The rate slider component.

Importing

Web

import "@tapsioss/web-components/rate-slider";

React

import { RateSlider } from "@tapsioss/react-components/RateSlider";

Component Usage

Web

<tapsi-rate-slider></tapsi-rate-slider>

React

<RateSlider />

Properties

Name	Description	Type	Default Value
value	The current value of the input. It is always a string.	string	""
name	The HTML name to use in form submission.	string	""
valuetext	Defines the human-readable text alternative of value. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuetext	string	""
label	Defines a string value that can be used to name input. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label	string	""
labelledby	Identifies the element (or elements) that labels the input. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby	string	""
max	Defines the maximum value in the range of permitted values. Defaults to "10". https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max	string	"10"
min	Defines the minimum value in the range of permitted values. Defaults to "0". https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min	string	"0"
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	Fired when value changes (Bubbles).	Event