Complete Headless UI with Next.js and TailwindCSS

سرفصل های دوره

Create Menu (Dropdown), Listbox (Select), Combobox (Autocomplete), Switch (Toggle), Disclosure, Dialog (Modal), Popover

1 - Headless UI Transition

1 - Headless UI Transition basic example

2 - Headless UI Transition using as prop

3 - Headless UI Transition multiple transition

2 - Headless UI Dialogue

4 - Headless UI Dialogue create dialogue

5 - Headless UI Dialogue manage focus

6 - Headless UI Dialogue styling

7 - Headless UI Dialogue transition

3 - Headless UI Combobox Autocomplete

8 - Headless UI Combobox using object data

9 - Headless UI Combobox add checkbox

10 - Headless UI Combobox multiple values

11 - Headless UI Combobox active current user

12 - Headless UI Combobox empty values

13 - Headless UI Combobox transition

14 - Headless UI Combobox add selector icon

4 - Headless UI Listbox

15 - Headless UI Listbox basic example

16 - Headless UI Listbox active style and react heroicon

17 - Headless UI Listbox horizontal and vertical

18 - Headless UI Listbox add transition

5 - Headless UI Dropdown Menu

19 - Headless UI Menu Dropdown create project

20 - Headless UI Menu Dropdown add style to the menu

21 - Headless UI Menu Dropdown Add transition

22 - Headless UI Menu Dropdown Multiple values

23 - Headless UI Menu Dropdown custom button to toggle show and hide

24 - Headless UI Menu Dropdown using React layout

25 - Headless UI Menu Dropdown mylink

6 - Headless UI Disclosure

26 - Headless UI Disclosure basic example

27 - Headless UI Disclosure

28 - Headless UI Disclosure

7 - Headless UI Popover

29 - Headless UI Popover Basic Example

30 - Headless UI Popover styling different states

31 - Headless UI Popover custom button

32 - Headless UI Popover overlay

33 - Headless UI Popover transition

34 - Headless UI Popover grouping

8 - Headless UI Radio Group

35 - Headless UI Radio Group basic example

36 - Headless UI Radio Group add checkbox

37 - Headless UI Radio Group

9 - Headless UI Tabs

38 - Headless UI Tabs basic example

39 - Headless UI Tabs styling the selected tab

40 - Headless UI Tabs disable and manually activate

41 - Headless UI Tabs vertical arrangement and default selection

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training