mirror of https://github.com/abpframework/abp.git
committed by
GitHub
1 changed files with 74 additions and 0 deletions
@ -0,0 +1,74 @@ |
|||
# Carousel |
|||
|
|||
## Introduction |
|||
|
|||
`abp-carousel` is a the abp tag for carousel element. |
|||
|
|||
Basic usage: |
|||
|
|||
````csharp |
|||
<abp-carousel> |
|||
<abp-carousel-item src=""></abp-carousel-item> |
|||
<abp-carousel-item src=""></abp-carousel-item> |
|||
<abp-carousel-item src=""></abp-carousel-item> |
|||
</abp-carousel> |
|||
```` |
|||
|
|||
|
|||
|
|||
## Demo |
|||
|
|||
See the [carousel_demo page](https://bootstrap-taghelpers.abp.io/Components/Carousel) to see it in action. |
|||
|
|||
## Attributes |
|||
|
|||
### id |
|||
|
|||
A value sets the id of the carousel. If not set, generated id will be set whenever the tag is created. |
|||
|
|||
### controls |
|||
|
|||
A value to enable the controls (previous and next buttons) on carousel. Should be one of the following values: |
|||
|
|||
* `false` |
|||
* `true` |
|||
|
|||
### indicators |
|||
|
|||
A value to enables the indicators on carousel. Should be one of the following values: |
|||
|
|||
* `false` |
|||
* `true` |
|||
|
|||
### crossfade |
|||
|
|||
A value to enables the fade animation instead of slide on carousel. Should be one of the following values: |
|||
|
|||
* `false` |
|||
* `true` |
|||
|
|||
## abp-carousel-item Attributes |
|||
|
|||
### caption-title |
|||
|
|||
A value sets the caption title of the carousel item. |
|||
|
|||
### caption |
|||
|
|||
A value sets the caption of the carousel item. |
|||
|
|||
### src |
|||
|
|||
A link value sets the source of the image displayed on carousel item. |
|||
|
|||
### active |
|||
|
|||
A value to set the active carousel item. Should be one of the following values: |
|||
|
|||
* `false` |
|||
* `true` |
|||
|
|||
### alt |
|||
|
|||
A value sets the alternate text for the carousel item image when the image can not be displayed. |
|||
|
|||
Loading…
Reference in new issue