Animated Accordion using Next js / React js & Tailwind CSS | Accordion with plus minus icon

preview_player
Показать описание
In this video, we will create an Accordion with a plus minus icon using Next js and Tailwind CSS

💖 Support Us________

🚀 Join Our Discord Community_______

💖 Social links_______ (Follow Us On Github )

  1. The Brave Coders
  2. Accordion
  3. next js
  4. tailwind
  5. css
  6. Accordion with minus plus icon
Рекомендации по теме
Animated Accordion using 0:18:48

Animated Accordion using Next js / React js & Tailwind CSS | Accordion with plus minus icon

Accordion component | 0:33:12

Accordion component | NextJS & tailwindcss

Make an Animated 0:07:01

Make an Animated Accordion Component purely in React and Tailwind CSS

Create simple accordion 0:14:20

Create simple accordion box with next.js typescript tailwind

Accordion Next.js Component 0:00:40

Accordion Next.js Component (Day 22/50)

Accordion (Next.js 13) 0:13:14

Accordion (Next.js 13)

Let's Build a 0:10:54

Let's Build a FAQ Accordion with React, Framer Motion and Tailwind

Build an Accordion 0:12:50

Build an Accordion Menu with React & Tailwind CSS

How To Make 0:49:07

How To Make Responsive Portfolio Website Using HTML And CSS Only Easy Steps | Easy Tutorials |

🟣 Responsive Accordion 0:18:05

🟣 Responsive Accordion in Next.js with Tailwind CSS from scratch

How to create 0:21:06

How to create Disclosure(Accordion) with headless UI (with Nextjs / React Recoil )

How to Build 0:44:13

How to Build a FAQ page or Accordion with Next.JS, Typescript, React Hooks & Props, Tailwind CSS

Build a Responsive 0:10:08

Build a Responsive Image Accordion | Web Animations | NEXT.JS | TailwindCSS |

Build a RESPONSIVE 0:27:44

Build a RESPONSIVE and ACCESSIBLE Accordion with ReactJS (NextJS) & Tailwind CSS! PLUS Dark Mode...

Build a React 0:14:18

Build a React Accordion from Scratch | ReactJS tutorial

FAQ accordion using 0:07:00

FAQ accordion using HTML, CSS, JavaScript

How to create 0:08:36

How to create animated Accordion/collapsible content using - HTML,CSS and JavaScript.

Animated Accordion in 0:24:01

Animated Accordion in React without any Library

How to create 0:05:36

How to create an Accordion using CSS & Javascript

Next.js accordion animation: 0:01:01

Next.js accordion animation: CSS magic! 💫 #coding #programming #webdev #javascript #css #css3

How to make 0:14:02

How to make Accordion in Shadcn ui | How to use Accordion in Shadcn ui with Next Js 13

Build a responsive, 1:17:59

Build a responsive, animated, accessible accordion that looks pretty good

Collapse Menu (no 0:06:35

Collapse Menu (no javascript) - Tailwind Component #17

Accordion Component of 0:18:42

Accordion Component of Radix UI with Next JS | How to make Accordion | Next JS 13

Комментарии
Автор

First of all : Thank you so much for your formation/pedagogy. Please keep on the good work with your tutorials !

I had a question about this accordion : I'm using it in right now in a online website. Since I've added this FAQ accordion, my website is lagging/slowing down a lot but ONLY in Safari. Do you know something about this potential issue?

DiWooly
Автор

excellent job brother how I can set the first one list open by default by map method.

Ahsanskilltech
Автор

i can't seem to get the animation to work for the dropdown. Everything else is working fine, and i do have the .ReactCollapse--collapse in global css, and i can see the class on the element in console. anyone else run into this issue?

uncleiroh
Автор

what is the role of index in toggle function and why did you do open={ index === open } when passing it ?

DevanshuAugusty
Автор

Which theme was used when creating this video??

muhammadasif_wd
Автор

cannot reassign to a variable declared with `const`

I'm having this error when using next js

jaywebtech
Автор

Binding element 'open' implicitly has an 'any' type i am getting this error

lytwtdh
join shbcf.ru