Themes
Advanced
Utils
Components

Rating

상호작용 적인 Rating 컴포넌트

View sourceReport an issueView in Playground
() => (

  <>

    <Rating.Root defaultValue={0}>

      {Array.from({ length: 5 }).map((_, index) => (

        <Rating.Button key={index} />

      ))}

    </Rating.Root>

  </>

)

Components

Rating.Root Props

PropTypeDefault
defaultValue
number
No default value
value
number
No default value
onChange
(event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, value: number) => void
No default value
onValueChange
(value: number) => void
No default value
readOnly
boolean
No default value
className
string
No default value
children
ReactNode
No default value

Rating.Button Props

PropTypeDefault
index
number
No default value
icon
ReactElement<LucideProps>
StartIcon
PreviousRadio Cards
NextResizable
Edit this page on GitHub.