fc-rate

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

Usage

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

<fc-rate></fc-rate>

Examples

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

Properties

| 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 |

Events

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

CSS Custom Properties

| 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 |