Usage
<breaking-news-ticker :news="news" :config="config"> </breaking-news-ticker>Props
| Name | Description | Type | Options | Default |
|---|---|---|---|---|
| news | items for news ticker | Array | array | [] |
| config | breaking-news-ticker configs | Object | object | {} |
General Config Elements
| Name | Description | Type | Options | Default |
|---|---|---|---|---|
| rtl | items for news ticker | Boolean | true : false | false |
| loop | to loop items | Boolean | true : false | false |
| borderColor | breaking-news-ticker configs | String | `` | #fff |
| label | breaking-news-ticker configs | Object | {} | {} |
| news | breaking-news-ticker configs | Object | {} | {} |
| navigation | breaking-news-ticker configs | Object | {} | {} |
Label Config Elements
| Name | Description | Type | Options | Default |
|---|---|---|---|---|
| title | label title | String | `` | `` |
| bgColor | breaking-news-ticker configs | String | ex: #fff | #fff |
| color | breaking-news-ticker configs | String | ex: #fff | #fff |
News Config Elements
| Name | Description | Type | Options | Default |
|---|---|---|---|---|
| effect | effect for news items | String | slide-down : slide-up : slide-right : scroll | `` |
Navigation Config Elements
| Name | Description | Type | Options | Default |
|---|---|---|---|---|
| autoplay | isAutoPlay news ticker | Boolean | true : false | false |
| duration | autoPlay duration | Number | `` | 2000 |
| isVisible | navigation visible | Boolean | true : false | true |
| bgColor | navigation BgColor | String | ex: #fff | `` |