Button Checkbox Code preview Dialog Form Icon Input Layout Masked input Pagination Radio Rating Basic usage Clearable Readme Switch Table Tabs Tooltip

Rating

import { Rating } from 'daybreak';

Basic usage

★★★★★

() => {
  const [value, setValue] = useState(1)
  return (
    <div>
      <Rating value={value} max={5} onChange={val => setValue(val)} />
    </div>
  )
}() => {
  const [value, setValue] = useState(1)
  return (
    <div>
      <Rating value={value} max={5} onChange={val => setValue(val)} />
    </div>
  )
}

Clearable

When you click on a star repeatedly, the value will be set to 0.

当你反复点击一颗星星时，值将会被设置为 0。

★★★★★★

() => {
  const [value, setValue] = useState(3)
  return (
    <div>
      <Rating
        clearable
        value={value}
        max={6}
        onChange={val => setValue(val)}
      />
    </div>
  )
}() => {
  const [value, setValue] = useState(3)
  return (
    <div>
      <Rating
        clearable
        value={value}
        max={6}
        onChange={val => setValue(val)}
      />
    </div>
  )
}

Rating

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Basic usage

Clearable

Basic usage