7. Tabs
Tabs are commonplace in most user interfaces, and you can indeed implement the pattern without HTMX. However, there are circumstances where it makes sense to implement them with HTMX, especially when each tab can have a substantial amount of information that is not always accessed by your users.
In this sample, you'll use HTMX to render only the tab the user has selected. The server performs all the logic of determining which tab is active. This technique is compelling if tab information changes when the user switches away.
You're likely noticing the patterns emerging with the use of hx
attributes and Razor partials. HTMX delivers on the promise of few lines of code with significant impacts.
First
Commodo normcore truffaut VHS duis gluten-free keffiyeh iPhone taxidermy godard ramps anim pour-over. Pitchfork vegan mollit umami quinoa aute aliquip kinfolk eiusmod live-edge cardigan ipsum locavore. Polaroid duis occaecat narwhal small batch food truck. PBR & B venmo shaman small batch you probably haven't heard of them hot chicken readymade. Enim tousled cliche woke, typewriter single-origin coffee hella culpa. Art party readymade 90's, asymmetrical hell of fingerstache ipsum.