Rate

Only God can judge me.

Example

Basic

Show Code

<script lang="ts" setup>
import { RRate } from 'roughness'
import { ref } from 'vue'

let rate = ref(3)
</script>

<template>
  <RRate v-model="rate" />
</template>

Shape

Show Code

<script lang="ts" setup>
import { Heart } from 'lucide'
import { RRate } from 'roughness'
</script>

<template>
  <RRate :shape="Heart" />
</template>

Usage

Props

Name	Type	Default Value	Description
modelValue
shape

Events

Name	Type	Description
update:modelValue

Styles

Name	Type	Default Value	Description
--r-rate-color
--r-rate-control-size
--r-rate-gap-size