2 Right Arrows - Githubissues

Splidejs / splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

https://splidejs.com

MIT License

4.83k stars 418 forks source link

2 Right Arrows #1251

Closed jamesli2021 closed 7 months ago

jamesli2021 commented 10 months ago

Checks

[X] Not a duplicate.
[X] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

4.1.3

Description

I ran npm on the latest version and by default, I notice 2 right arrows were display instead of left and right arrow?

Reproduction Link

Steps to Reproduce

Add any slide.

Expected Behaviour

Expected left and right arrows.

chukwudinweze commented 9 months ago

Checks

[x] Not a duplicate.

[x] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

4.1.3

Description

I ran npm on the latest version and by default, I notice 2 right arrows were display instead of left and right arrow?

Reproduction Link

NA

Steps to Reproduce

Add any slide.

Expected Behaviour

Expected left and right arrows.

can you assist with the repo, please?

carasmo commented 7 months ago

This is not a bug. If you read the docs and check out the theme, you'll see that the SVG is flipped to make the left arrow. So in your CSS you'll need to add it.

.splide__arrow--prev svg {
    transform: rotate(180deg);
}

jamesli2021 commented 7 months ago

It's not a problem when we need to manual customise it. It's a bug when the visual doesn't not look right out of the box and why does every other developers require reading through docs for a simple button? If a button come in up side down, it's not a bug too I guess.