/Javascript/React/Create dots in carousel react js bootraps

Create dots in carousel react js bootraps

                <ol class="carousel-indicators">
                    <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#mycarousel" data-slide-to="1" ></li>
                    <li data-target="#mycarousel" data-slide-to="2" ></li>
                </ol>

Source: stackoverflow.com

Create dots in carousel react js bootraps

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px; /* change width */
    height: 10px; /* change height */
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 100%; // /* add border-radius */
}

Source: stackoverflow.com

Create dots in carousel react js bootraps

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

Source: stackoverflow.com

Similar codes

0 vote392 views1 answer
React big calendar messages
Javascript React
0 vote346 views1 answer
React Native Text style example
Javascript React
0 vote378 views3 answers
React loop through array
Javascript React
-1 vote405 views1 answer
Moment in react native
Javascript React
0 vote391 views2 answers
React native how to delete android build
Javascript React
2 votes383 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
16 votes411 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
85 votes409 views3 answers
React random number
Javascript React
0 vote435 views1 answer
Auto scroll to view react-native
Javascript React
33 votes411 views5 answers
Img tag in react
Javascript React