32 lines
1.4 KiB
TypeScript
32 lines
1.4 KiB
TypeScript
|
import Component from '../../components/rating/rating.component.js';
|
||
|
|
import { type EventName } from '@lit/react';
|
||
|
|
import type { SlChangeEvent } from '../../events/events.js';
|
||
|
|
import type { SlHoverEvent } from '../../events/events.js';
|
||
|
|
export type { SlChangeEvent } from '../../events/events.js';
|
||
|
|
export type { SlHoverEvent } from '../../events/events.js';
|
||
|
|
/**
|
||
|
|
* @summary Ratings give users a way to quickly view and provide feedback.
|
||
|
|
* @documentation https://shoelace.style/components/rating
|
||
|
|
* @status stable
|
||
|
|
* @since 2.0
|
||
|
|
*
|
||
|
|
* @dependency sl-icon
|
||
|
|
*
|
||
|
|
* @event sl-change - Emitted when the rating's value changes.
|
||
|
|
* @event {{ phase: 'start' | 'move' | 'end', value: number }} sl-hover - Emitted when the user hovers over a value. The
|
||
|
|
* `phase` property indicates when hovering starts, moves to a new value, or ends. The `value` property tells what the
|
||
|
|
* rating's value would be if the user were to commit to the hovered value.
|
||
|
|
*
|
||
|
|
* @csspart base - The component's base wrapper.
|
||
|
|
*
|
||
|
|
* @cssproperty --symbol-color - The inactive color for symbols.
|
||
|
|
* @cssproperty --symbol-color-active - The active color for symbols.
|
||
|
|
* @cssproperty --symbol-size - The size of symbols.
|
||
|
|
* @cssproperty --symbol-spacing - The spacing to use around symbols.
|
||
|
|
*/
|
||
|
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
||
|
|
onSlChange: EventName<SlChangeEvent>;
|
||
|
|
onSlHover: EventName<SlHoverEvent>;
|
||
|
|
}>;
|
||
|
|
export default reactWrapper;
|