# Component Bindings
## Modifier list
- Label modifier
- Label visible
- Label text
- Label position
- Style modifier
- Star type
- Color
- Size
- Space
- Speed
- Direction
- Disabled
- Control modifier
- Rating
- Step
- Number of stars
- Show half stars
- Read only
- Id
- getColor
- getHalfStarVisible
### Label Modifier
**labelVisible**: string (Optional)
The visibility of the label text.
Default: true
```html
```
**labelText**: string (Optional)
The text next to the stars.
Default: undefined
```html
```
**labelPosition**: starRatingPosition (Optional)
The position of the label
Options: top, right, bottom, left
Default: left
```html
```
### Style Modifier
**starType**: starRatingStarTypes (Optional)
The type of start resource to use.
Options: svg, icon
Default: svg
```html
```
**staticColor**: starRatingColor (Optional)
Possible color names for the stars.
Options: default, negative, middle, positive
Default: undefined
```html
```
**size**: starRatingSizes (Optional)
The height and width of the stars.
Options: small, medium, large
Default: middle
```html
```
**space**: starRatingStarSpace (Optional)
If the start use the whole space or not.
Options: no, between, around
Default: no
```html
```
**speed**: starRatingSpeed (Optional)
The duration of the animation in ms.
Options: immediately, noticeable, slow
Default: noticeable
```html
```
**direction**: string (Optional)
The direction of the stars and label.
Options: rtl, ltr
Default: rtl
```html
```
**disabled**: boolean (Optional)
The click callback is disabled, colors are transparent
Default: false
```html
```
### Cotrol modifier
**rating**: number (Optional)
The actual star rating value
Default: no
```html
```
**step**: number (Optional)
The step interval of the control
Default: 1
```html
```
**numOfStars**: number (Optional)
The possible number of stars to choose from
Default: 5
```html
```
**showHalfStars**: boolean (Optional)
To show half stars or not
Options: true, false
Default: false
```html
```
**readOnly**: boolean (Optional)
The click callback is disabled
Default: false
```html
```
**id**: string (Optional)
The html id attribute of the star rating
Default: undefined
```html
```
**getColor**: Function (Optional)
Calculation of the color by rating.
Params: rating, number,numOfStars and staticColor
Return: color name
```html
```
**getHalfStarVisible**: Function (Optional)
Calculation for adding the "half" class or not, depending on the rating value.
Params: rating
Return: boolean
```html
```
## Outputs
**onClick**: Function (Optional)
Callback function for star click event
Params: $event
```html
```
**onRatingChange**: Function (Optional)
Callback function for rating change event
Params: $event
```html
```
