Aller au contenu

FAQ et accordéons : composants HTML, React et WordPress

FAQ et accordéons construits sur des boutons et l'attribut aria-expanded, utilisables au clavier.8 composants (FAQ et accordéons) accessibles et responsive, à intégrer dans votre site : HTML + Tailwind, React, CSS pur et bloc WordPress.

Les 8 ressources

  • FAQ sombre à chevrons

    Offert aux membres

    Un accordéon sur fond sombre, cartes arrondies et chevron qui pivote à l'ouverture.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • FAQ avec recherche

    Bientôt disponible

    Un champ qui filtre les questions au fil de la frappe, pour les FAQ volumineuses.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une introduction et un lien de contact à gauche, les questions dépliables à droite.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un accordéon serré dans un cadre unique, pour les pages d'information pratiques.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Des questions regroupées sous des intertitres, pour les FAQ longues.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Toutes les réponses visibles d'emblée, présentées en grille de cartes.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Les questions fréquentes suivies d'une carte invitant à appeler ou écrire.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Des questions dépliables une à une, avec les données structurées FAQPage pour Google.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant