Skip to content

Commit

Permalink
update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
AnnMarieW committed Jul 3, 2021
1 parent 44c9ab9 commit dfd3f46
Show file tree
Hide file tree
Showing 2 changed files with 0 additions and 32 deletions.
25 changes: 0 additions & 25 deletions docs/components_page/components/carousel.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,31 +42,6 @@ Add `className="carousel-fade"` to your carousel to animate slides with a fade t
Control which slide number is displayed by using the `active_index` in a callback. This slideshow is being controlled by `dbc.RadioItems`

{{example:components/carousel/callback.py:carousel}}

## Style the controls

The controls in the Bootstrap carousel are images that have a white background. To use a different symbol or to make them more visible in light backgrounds you can use custom CSS. Here is an example:

```css
.carousel-control-prev-icon,
.carousel-control-next-icon {
height: 100px;
width: 100px;
background-image: none;
}

.carousel-control-next-icon:after {
content: '\003e';
font-size: 55px;
color: yellow;
}

.carousel-control-prev-icon:after {
content: '\003c';
font-size: 55px;
color: yellow;
}
```

{{apidoc:src/components/Carousel.js}}

7 changes: 0 additions & 7 deletions docs/components_page/components/carousel/captions.py
Original file line number Diff line number Diff line change
Expand Up @@ -20,12 +20,5 @@
"header": "",
"caption": "This slide has a caption only",
},
{
"key": "4",
"img_style": {"height": "300px"},
"header": "This slide has no image",
"caption": "Image height must be set to make the slide visible",
"captionClassName": "border border-secondary text-primary",
},
]
)

0 comments on commit dfd3f46

Please sign in to comment.