<Rating />

base/rating.svelte

""

Component Rating examples :
Using slots
component Rating demo using slots
ratingBase number
scored number
defaultIcon icon
scoredIcon icon
code
<Rating scored={2}>
			<Icon icon="star" />
			<Icon slot="ratingScoredIcon" icon="minus" />
		</Rating>
Using props
component rating demo using props
ratingBase number
scored number
defaultIcon icon
scoredIcon icon
code
<Rating defaultIcon="minus" scoredIcon="plus" scored={3} />
Api preview :
__propDef: {
    props: {
        class?: string | undefined;
        element?: HTMLDivElement | null | undefined;
        style?: string | undefined;
        /**    maximum rate     */ ratingBase?: number | undefined;
        /** current score */ scored?: number | undefined;
        /** default icon to be used when not using slots */ defaultIcon?: string | undefined;
        /** scored icon to be used when not using slots */ scoredIcon?: string | undefined;
        /** can be vertical or horizontal */ direction?: "vertical" | "horizontal" | undefined;
    };
    events: {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        ratingScoredIcon: {};
        default: {};
    };
};