# Rating Group
Rating Group allows users to rate something
```svelte
{#snippet children(ratingGroup)}
{#each ratingGroup().items as index (index)}
{/each}
{/snippet}
```
## Half Step
Set the `allowHalf` prop to enable half steps.
```svelte
{#snippet children(ratingGroup)}
{#each ratingGroup().items as index (index)}
{/each}
{/snippet}
```
## Custom Icons
Insert your own custom images or icons for the `empty` and `full` states.
```svelte
{#snippet children(ratingGroup)}
{#each ratingGroup().items as index (index)}
{#snippet empty()}
{/snippet}
{#snippet full()}
{/snippet}
{/each}
{/snippet}
```
## Label
Use the `Label` component to describe the intended usage.
```svelte
Rate us:
{#snippet children(ratingGroup)}
{#each ratingGroup().items as index (index)}
{/each}
{/snippet}
```
## Disabled
Set the `disabled` prop to enable the disabled state.
```svelte
{#snippet children(ratingGroup)}
{#each ratingGroup().items as index (index)}
{/each}
{/snippet}
```
## Direction
Set the text direction (`ltr` or `rtl`) using the `dir` prop.
```svelte
Label
{#snippet children(ratingGroup)}
{#each ratingGroup().items as index (index)}
{/each}
{/snippet}
```
## Anatomy
Here's an overview of how the RatingGroup component is structured in code:
```svelte
```
## API Reference