Jaka technologia do "klikalnych kart"

Question

Hej,

Czy da się zrobić "klikane zakładki" jak na poniższym zdjęciu w HTML / CSS? Nie chodzi mi o gotowe rozwiązanie - bardziej o język...

Chodzi o to aby po kliknięciu na zakładkę np. 10er Card zmienił się tylko widok części zawartości zamiast przeładowania całej strony...

 

Comments

Tailwind CSS

---

@zbiku25, bootstrap

Answer 1

Da się, są takie dwa "prawilne" rozwiązania:

• :target – co pozwala też od razu zrobić nawigację po URL-u do tych kart,
• :checked – to taki bardziej hack, który pozwala nagiąć stylowanie pól checkbox; pod względem dostępności jest nieco gorszy od :target.

Comments

@zbiku25, Bardzo prosty przykład dla :target

Answer 2

Zobacz sobie React.js w połączeniu z bootstrapem
https://react-bootstrap.github.io/components/tabs/

Comments

Bardzo Wam wszystkim dziękuje, Wasza wiedza jest niesamowita.

pozdrawiam