Tailwind on Rails #177 Responsive Collapsible Sidebar

30/06/2024
Gratis
stimulusjs css tailwindcss

Let's add a button to minimise (collapse) the sidebar.

When the sidebar is minimised, only link icons (not labels) are visible.

We will also save the sidebar state across requests.

Based on this blogpost:
https://blog.corsego.com/tailwind-collapsible-sidebar

Episode source code:
https://github.com/corsego/138-tailwind-layout/commit/280d649360359de1c346741d130d7cd49c9745d2

0
Inicia sesión para unirte a la conversación

Destacado en listas

#138 Responsive Layout with Sidebar and Navbar #139 Advanced Navbar Dropdown Menu #140 Click outside to close Menu with Stimulus-Use
+5
Tailwind on Rails

Stop copypasting CSS and Javascript UI elements!
Learn to write your own!
Really, there are like 50 classes that you need to remember and you're set for life!

Recomendado según lo que estás viendo ahora

#170 Maintainable Buttons CSS
16:08

#170 Maintainable Buttons CSS

04/06/2024
Gratis
1
#141 Responsive Content layout: Grid, Flex, Centered
15:00

#141 Responsive Content layout: Grid, Flex, Centered

13/08/2023
Gratis
#81 StimulusJS: Conditionally display form fields based on selected value
08:21

#81 StimulusJS: Conditionally display form fields based on selected value

30/05/2022
Gratis
#87 StimulusJS select all checkboxes
14:41

#87 StimulusJS select all checkboxes

18/07/2022
Gratis
#66 StimulusJS: Targets, Values, Classes. Build a PRO dropdown
34:30

#66 StimulusJS: Targets, Values, Classes. Build a PRO dropdown

14/03/2022
Gratis