/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

1 vote202 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
1 vote238 views1 answer
Unexpected token. did you mean `{'>'}` or `>`? react
Javascript React
0 vote163 views1 answer
Liquid indicators in react native
Javascript React
3 votes372 views3 answers
Center element react native
Javascript React
0 vote219 views1 answer
React native firebase community template
Javascript React
99 votes270 views6 answers
How to install react router DOM
Javascript React
48 votes261 views6 answers
Comment in react
Javascript React
16 votes163 views1 answer
How to insern an image in react
Javascript React
0 vote219 views1 answer
Hooks developed by react native
Javascript React
2 votes216 views2 answers
Text number of lines react native
Javascript React