Browse Source

Merge pull request #4308 from abpframework/gterdem/docs_carousel

Create documentation for Carousel Tag Helper
pull/4316/head
Yunus Emre Kalkan 6 years ago
committed by GitHub
parent
commit
42dd0827c3
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 74
      docs/en/UI/AspNetCore/Tag-Helpers/Carousel.md

74
docs/en/UI/AspNetCore/Tag-Helpers/Carousel.md

@ -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…
Cancel
Save