@forter/rate NPM

fc-rate

An element to give score to between 1 to 5 to something ;)

<script>
   import '@forter/rate';
</script>

<fc-rate></fc-rate>

<!-- intent -->
<fc-rate value="5"></fc-rate>

Property	Attribute	Type	Default	Description
`disabled`	`disabled`	`"" \\| "disabled "`
`intent`	`intent`	`"primary" \\| "secondary" \\| "success" \\| "apply" \\| "danger" \\| "warn"`		The button's intent. See Intents in README.
`value`	`value`	`"1" \\| "2" \\| "3" \\| "4" \\| "5"`	""	Rate value

Event	Description
`change`	when choosing another value. method: `change`, example: `{ "value": 1}`

Property	Description
`--fc-rate-checked-color`	checked color. default: `var(--fc-yellow-500)` example: `var(--fc-green-500)`
`--fc-rate-color`	color default: `var(--fc-gray-500)` example: `var(--fc-gray-900)`
`--fc-rate-cursor`	cursor. example: `search` ,default: `pointer`
`--fc-rate-disabled-color`	disabled color. default: `var(--fc-gray-200)` example: `var(--fc-purple-200)`
`--fc-rate-item-size`	size of item. default: `18px` example: `25px`
`--fc-rate-margin`	padding. default: `0 1.05em`