<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="330184" data-post-id="330184">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="03juan" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/03juan/120/23111_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  03juan
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Very good point about providing multiple ways to use them. Hooks work well if the liveview.js is used, even on dead views as it still runs the <code>mounted()</code> callback, but there is a need to support projects that don’t use LV and have their own requirements for importing and using js, for example could we even support some kind of <code>Alpine</code> integration?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330184" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/22">Post #21</a>
	                </div>
	            </div>
              <div id="likers-container-330184" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330184"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #21"></div>
  </section>
</div>
    <div class="postbit" id="330191" data-post-id="330191">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="LostKobrakai" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/LostKobrakai/120/3072_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  LostKobrakai
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>There’s no need to reinvent the wheel. Phoenix, phoenix_html, phoenix_live_view have been shipping with JS as part of their hex packages for years, way before phoenix_live_view was created. Essentially you configure your bundler to treat their folder in <code>deps</code> as yet another node_modules dependency.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330191" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/23">Post #22</a>
	                </div>
	            </div>
              <div id="likers-container-330191" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330191"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #22"></div>
  </section>
</div>
    <div class="postbit" id="330201" data-post-id="330201">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bluzky" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bluzky/120/1694_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bluzky
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thanks <a class="mention" href="/u/03juan" rel="nofollow">@03juan</a>, <a class="mention" href="/u/lawik" rel="nofollow">@lawik</a>, and <a class="mention" href="/u/cschmatzler" rel="nofollow">@cschmatzler</a> for your suggestions.<br>
I’m focusing on implementing the components first, then I will come back and improve their UX later. Melt-ui look interesting, I will take a look</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330201" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/24">Post #23</a>
	                </div>
	            </div>
              <div id="likers-container-330201" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330201"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #23"></div>
  </section>
</div>
    <div class="postbit" id="330283" data-post-id="330283">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bluzky" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bluzky/120/1694_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bluzky
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<h2><a name="p-330283-update-june-4th-1" class="anchor" href="#p-330283-update-june-4th-1" aria-label="Heading link" rel="nofollow"></a>Update June 4th</h2>
<p><strong>Added 4 new components:</strong></p>
<ul>
<li>
<p>Slider <a href="https://salad-storybook.fly.dev/salad_ui_component/slider" class="inline-onebox" rel="noopener nofollow ugc">Salad UI - Slider</a><br>
This one take me lots of time to build customize slider with nearly zero JS<br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/5/f/5f827f6540111000b271a2e3968f9a7972acfc29.png" data-download-href="https://forum.elixirforum.com/uploads/default/5f827f6540111000b271a2e3968f9a7972acfc29" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/5/f/5f827f6540111000b271a2e3968f9a7972acfc29_2_690x282.png" alt="image" data-base62-sha1="dCUWSeRYSTYCyhKvtPxpvMUj9R7" width="690" height="282" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/5/f/5f827f6540111000b271a2e3968f9a7972acfc29_2_690x282.png, https://forum.elixirforum.com/uploads/default/original/3X/5/f/5f827f6540111000b271a2e3968f9a7972acfc29.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/5/f/5f827f6540111000b271a2e3968f9a7972acfc29.png 2x" data-dominant-color="FCFCFC"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">932×381 6.33 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
</li>
<li>
<p>Skeleton <a href="https://salad-storybook.fly.dev/salad_ui_component/skeleton" class="inline-onebox" rel="noopener nofollow ugc">Salad UI - Skeleton</a><br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/d/4/d4292ca159800eea12ec9efb01f0af89c6b61120.png" data-download-href="https://forum.elixirforum.com/uploads/default/d4292ca159800eea12ec9efb01f0af89c6b61120" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/d/4/d4292ca159800eea12ec9efb01f0af89c6b61120_2_690x376.png" alt="image" data-base62-sha1="ugRreQiSAUvbTvflISj5uurYuHK" width="690" height="376" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/d/4/d4292ca159800eea12ec9efb01f0af89c6b61120_2_690x376.png, https://forum.elixirforum.com/uploads/default/original/3X/d/4/d4292ca159800eea12ec9efb01f0af89c6b61120.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/d/4/d4292ca159800eea12ec9efb01f0af89c6b61120.png 2x" data-dominant-color="FEFEFE"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">919×502 4.77 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
</li>
<li>
<p>Progress bar <a href="https://salad-storybook.fly.dev/salad_ui_component/progress" class="inline-onebox" rel="noopener nofollow ugc">Salad UI - Progress</a><br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/a/8/a846166476bdd32bb6901ca415ae0560f7844318.png" data-download-href="https://forum.elixirforum.com/uploads/default/a846166476bdd32bb6901ca415ae0560f7844318" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/a/8/a846166476bdd32bb6901ca415ae0560f7844318_2_690x395.png" alt="image" data-base62-sha1="o0CnmdGhORAM0QJ01JbclyY14yk" width="690" height="395" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/a/8/a846166476bdd32bb6901ca415ae0560f7844318_2_690x395.png, https://forum.elixirforum.com/uploads/default/original/3X/a/8/a846166476bdd32bb6901ca415ae0560f7844318.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/a/8/a846166476bdd32bb6901ca415ae0560f7844318.png 2x" data-dominant-color="FAFAFB"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">933×535 11.6 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
</li>
<li>
<p>Scroll area <a href="https://salad-storybook.fly.dev/salad_ui_component/scroll_area" class="inline-onebox" rel="noopener nofollow ugc">Salad UI - Scroll Area</a><br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/2/3/2336712930243ceb49938ce3a13649421b457073.png" data-download-href="https://forum.elixirforum.com/uploads/default/2336712930243ceb49938ce3a13649421b457073" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/2/3/2336712930243ceb49938ce3a13649421b457073.png" alt="image" data-base62-sha1="51vlSSJbnga2b2xaoaojI7d2mrN" width="507" height="600"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">525×621 23.6 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
</li>
</ul> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330283" data-batch-url="/posts/batch_likers">
                        7
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/25">Post #24</a>
	                </div>
	            </div>
              <div id="likers-container-330283" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330283"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #24"></div>
  </section>
</div>
    <div class="postbit" id="330386" data-post-id="330386">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="kamaroly" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/kamaroly/120/29371_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  kamaroly
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Impressed by your work! I will definitely give it a try.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330386" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/26">Post #25</a>
	                </div>
	            </div>
              <div id="likers-container-330386" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330386"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #25"></div>
  </section>
</div>
    <div class="postbit" id="330396" data-post-id="330396">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="fuelen" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/fuelen/120/9870_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  fuelen
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Good work! Looks very promising.</p>
<p>Waiting until “not ready for production” disappears from the README <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330396" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/27">Post #26</a>
	                </div>
	            </div>
              <div id="likers-container-330396" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330396"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #26"></div>
  </section>
</div>
    <div class="postbit" id="330401" data-post-id="330401">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bluzky" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bluzky/120/1694_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bluzky
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Currently, there is no test for these components, so I’m not confident to release yet.<br>
I’m looking for how to test component behaviors</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330401" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/28">Post #27</a>
	                </div>
	            </div>
              <div id="likers-container-330401" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330401"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #27"></div>
  </section>
</div>
    <div class="postbit" id="330402" data-post-id="330402">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bluzky" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bluzky/120/1694_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bluzky
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<h2><a name="p-330402-update-june-5th-1" class="anchor" href="#p-330402-update-june-5th-1" aria-label="Heading link" rel="nofollow"></a>Update June 5th</h2>
<p><strong>Added 2 new components</strong></p>
<ul>
<li>
<p>Switch <a href="https://salad-storybook.fly.dev/salad_ui_component/switch" class="inline-onebox" rel="noopener nofollow ugc">Salad UI - Switch</a><br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/0/c/0c4cb986bb567eae285d4f1b86543c6331f06d4b.png" data-download-href="https://forum.elixirforum.com/uploads/default/0c4cb986bb567eae285d4f1b86543c6331f06d4b" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/0/c/0c4cb986bb567eae285d4f1b86543c6331f06d4b_2_690x548.png" alt="image" data-base62-sha1="1KO6UVkQksTfMlMwqllVDazyIaf" width="690" height="548" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/0/c/0c4cb986bb567eae285d4f1b86543c6331f06d4b_2_690x548.png, https://forum.elixirforum.com/uploads/default/original/3X/0/c/0c4cb986bb567eae285d4f1b86543c6331f06d4b.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/0/c/0c4cb986bb567eae285d4f1b86543c6331f06d4b.png 2x" data-dominant-color="FCFCFC"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">942×749 16.4 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
</li>
<li>
<p>Tooltip <a href="https://salad-storybook.fly.dev/salad_ui_component/tooltip" class="inline-onebox" rel="noopener nofollow ugc">Salad UI - Tooltip</a><br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/6/b/6bbd62ef092c471e90d3ba1b9a74f2bce82ee819.png" data-download-href="https://forum.elixirforum.com/uploads/default/6bbd62ef092c471e90d3ba1b9a74f2bce82ee819" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/6/b/6bbd62ef092c471e90d3ba1b9a74f2bce82ee819_2_690x282.png" alt="image" data-base62-sha1="fn6QzxU8uXiSukJlPMEiZ26Zwxz" width="690" height="282" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/6/b/6bbd62ef092c471e90d3ba1b9a74f2bce82ee819_2_690x282.png, https://forum.elixirforum.com/uploads/default/original/3X/6/b/6bbd62ef092c471e90d3ba1b9a74f2bce82ee819.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/6/b/6bbd62ef092c471e90d3ba1b9a74f2bce82ee819.png 2x" data-dominant-color="F0F1F1"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">915×374 8.87 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
</li>
</ul> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330402" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/29">Post #28</a>
	                </div>
	            </div>
              <div id="likers-container-330402" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330402"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #28"></div>
  </section>
</div>
    <div class="postbit" id="330487" data-post-id="330487">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="hashtemptable" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/hashtemptable/120/38387_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  hashtemptable
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>small thing. it appears your card menu item is linking to the form example in your demo site.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330487" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/30">Post #29</a>
	                </div>
	            </div>
              <div id="likers-container-330487" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330487"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #29"></div>
  </section>
</div>
    <div class="postbit" id="330501" data-post-id="330501">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="cblavier" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/cblavier/120/29763_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  cblavier
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>well done! <img src="https://forum.elixirforum.com/images/emoji/apple/fire.png?v=15" title=":fire:" class="emoji" alt=":fire:" loading="lazy" width="20" height="20"><br>
(and storybook <img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_three_hearts.png?v=15" title=":smiling_face_with_three_hearts:" class="emoji" alt=":smiling_face_with_three_hearts:" loading="lazy" width="20" height="20">)</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="330501" data-batch-url="/posts/batch_likers">
                        5
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/saladui-phoenix-liveview-components-inspired-by-shadui/63775/31">Post #30</a>
	                </div>
	            </div>
              <div id="likers-container-330501" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="330501"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #30"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/63775/load_more?page=4">Load more posts (90 remaining)</a>
</div></template></turbo-stream>