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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Awesome work. Yes, I am interested in it.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256051" 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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-256051" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256051"
                     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 #11"></div>
  </section>
</div>
    <div class="postbit" id="256224" data-post-id="256224">
  <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
                    <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>I just learnt that forthcoming liveview 0.18.0 will provide declarative assigns.<br>
Here is the related <a href="https://github.com/phoenixframework/phoenix_live_view/blob/3fd6852d82ad00614ad5ac5b6bd3e5a475094734/lib/phoenix_component.ex#L523" rel="noopener nofollow ugc">documentation</a>.</p>
<p>Our storybook will definitely rely on that to generate proper documentation and offer an interactive component playground.</p>
<p>PS : <a class="mention" href="/u/chrismccord" rel="nofollow">@chrismccord</a> I pinged you last week on slack, no answer. Let me know if you wanna chat</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256224" 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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-256224" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256224"
                     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 #12"></div>
  </section>
</div>
    <div class="postbit" id="256337" data-post-id="256337">
  <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
                    <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>The project is still very (very) early stage, but here is the repository.</p>
<p><a href="https://github.com/phenixdigital/phx_live_storybook/" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/phenixdigital/phx_live_storybook/</a></p>
<p>A sample web application is available here: <a href="https://github.com/phenixdigital/phx_live_storybook_sample" rel="noopener nofollow ugc">https://github.com/phenixdigital/phx_live_storybook_sample</a></p>
<p><img src="https://forum.elixirforum.com/images/emoji/apple/warning.png?v=15" title=":warning:" class="emoji" alt=":warning:" loading="lazy" width="20" height="20">  It’s not even a <code>0.1.0</code> so you shouldn’t use it for now</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256337" data-batch-url="/posts/batch_likers">
                        8
                      </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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-256337" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256337"
                     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 #13"></div>
  </section>
</div>
    <div class="postbit" id="256360" data-post-id="256360">
  <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
                    <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>Just a bit of polishing &amp; layout <img src="https://forum.elixirforum.com/images/emoji/apple/sparkles.png?v=15" title=":sparkles:" class="emoji" alt=":sparkles:" loading="lazy" width="20" height="20"></p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/8/7/87a63007ae55e7bf0fea35e670e5fba986691236.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/87a63007ae55e7bf0fea35e670e5fba986691236" title="CleanShot 2022-07-23 at 00.08.08@2x" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/8/7/87a63007ae55e7bf0fea35e670e5fba986691236_2_690x459.jpeg" alt="CleanShot 2022-07-23 at 00.08.08@2x" data-base62-sha1="jm0vRc4oArHnO5R3LBuEWREwuXk" width="690" height="459" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/8/7/87a63007ae55e7bf0fea35e670e5fba986691236_2_690x459.jpeg, https://forum.elixirforum.com/uploads/default/optimized/3X/8/7/87a63007ae55e7bf0fea35e670e5fba986691236_2_1035x688.jpeg 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/8/7/87a63007ae55e7bf0fea35e670e5fba986691236.jpeg 2x" data-dominant-color="B0A9BE"><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">CleanShot 2022-07-23 at 00.08.08@2x</span><span class="informations">1200×800 53.2 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> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256360" data-batch-url="/posts/batch_likers">
                        8
                      </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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-256360" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256360"
                     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 #14"></div>
  </section>
</div>
    <div class="postbit" id="256434" data-post-id="256434">
  <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
                    <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>Still working on it during this (children free) weekend! <img src="https://forum.elixirforum.com/images/emoji/apple/stuck_out_tongue.png?v=15" title=":stuck_out_tongue:" class="emoji" alt=":stuck_out_tongue:" loading="lazy" width="20" height="20"></p>
<p>Recent progress includes :</p>
<ul>
<li>overall look &amp; feel</li>
<li>support for live_components (function components were already working)</li>
<li>the sidebar is now live &amp; can be opened / collapsed</li>
<li>custom icon support for every folder and storybook pages</li>
</ul>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/4/6/46bf18005f49c81ed63c432dea91bc83253162a7.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/46bf18005f49c81ed63c432dea91bc83253162a7" title="CleanShot 2022-07-24 at 12.10.13" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/4/6/46bf18005f49c81ed63c432dea91bc83253162a7_2_690x531.jpeg" alt="CleanShot 2022-07-24 at 12.10.13" data-base62-sha1="a5QQ2I2Fit5ArEb6mYpx0hC5oYD" width="690" height="531" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/4/6/46bf18005f49c81ed63c432dea91bc83253162a7_2_690x531.jpeg, https://forum.elixirforum.com/uploads/default/optimized/3X/4/6/46bf18005f49c81ed63c432dea91bc83253162a7_2_1035x796.jpeg 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/4/6/46bf18005f49c81ed63c432dea91bc83253162a7.jpeg 2x" data-dominant-color="D2C5DC"><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">CleanShot 2022-07-24 at 12.10.13</span><span class="informations">1200×924 50.9 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>
<p>We are almost ready, feature-wise, for a 0.1 release <img src="https://forum.elixirforum.com/images/emoji/apple/rocket.png?v=15" title=":rocket:" class="emoji" alt=":rocket:" loading="lazy" width="20" height="20"></p>
<p>Next steps:</p>
<ul>
<li>copy/paste code snippets</li>
<li>tests, lots of them!</li>
<li>hexdocs</li>
<li>release <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"></li>
</ul>
<p>Feedbacks are very welcome! <img src="https://forum.elixirforum.com/images/emoji/apple/folded_hands.png?v=15" title=":folded_hands:" class="emoji" alt=":folded_hands:" 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="256434" data-batch-url="/posts/batch_likers">
                        11
                      </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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-256434" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256434"
                     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 #15"></div>
  </section>
</div>
    <div class="postbit" id="256462" data-post-id="256462">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="rtb" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  rtb
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Very excited by this. It’s the one thing holding me back from Liveview</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256462" data-batch-url="/posts/batch_likers">
                        4
                      </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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-256462" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256462"
                     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 #16"></div>
  </section>
</div>
    <div class="postbit" id="256520" data-post-id="256520">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="kujua" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/kujua/120/1446_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  kujua
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Author of Erlang and Elixir for Imperative Programmers</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Supporting the call for open sourcing the components.</p>
<p>The great thing of Elixir/Phoenix is the community effort to bring the platform forward.</p>
<p>I have done a few sites with LiveView and a few things are missing to make it an easier journey component-wise. Surface is great, but adds another level of knowledge (some features were already integrated in LiveView). If Chris is working on something similar and your work can be merged the better.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256520" 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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-256520" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256520"
                     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 #17"></div>
  </section>
</div>
    <div class="postbit" id="256552" data-post-id="256552">
  <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
                    <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>0.1.0 release is imminent <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"></p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/5/c/5c9920d74c88d1af5bcb2cf1d899f0ef74df658f.png" data-download-href="https://forum.elixirforum.com/uploads/default/5c9920d74c88d1af5bcb2cf1d899f0ef74df658f" title="CleanShot 2022-07-25 at 18.10.25" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/5/c/5c9920d74c88d1af5bcb2cf1d899f0ef74df658f_2_345x115.png" alt="CleanShot 2022-07-25 at 18.10.25" data-base62-sha1="dda0bZpDEtGoAX8vYwmXBV5U4hN" width="345" height="115" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/5/c/5c9920d74c88d1af5bcb2cf1d899f0ef74df658f_2_345x115.png, https://forum.elixirforum.com/uploads/default/optimized/3X/5/c/5c9920d74c88d1af5bcb2cf1d899f0ef74df658f_2_517x172.png 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/5/c/5c9920d74c88d1af5bcb2cf1d899f0ef74df658f_2_690x230.png 2x" data-dominant-color="6C6D6A"><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">CleanShot 2022-07-25 at 18.10.25</span><span class="informations">696×232 21.8 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>
<p>Today has been 100% dedicated to testing. Like every time I do intensive testing, it helps me to find code design flaws and helps with refactoring.<br>
Quite an intense day, but the journey was worth it.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256552" data-batch-url="/posts/batch_likers">
                        6
                      </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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-256552" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256552"
                     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 #18"></div>
  </section>
</div>
    <div class="postbit" id="256558" data-post-id="256558">
  <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
                    <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><a class="mention" href="/u/kujua" rel="nofollow">@kujua</a> I agree that a set of OSS Liveview Components would be great, but it’s really another project and it involves a LOT of work to build generic, stylable components in a one-size-fits-all manner.</p>
<p>I suggest you give a shot at <a href="https://github.com/petalframework/petal_components" class="inline-onebox" rel="noopener nofollow ugc">GitHub - petalframework/petal_components: Phoenix + Live View HEEX Components · GitHub</a><br>
Did not try it, but it looks great!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256558" 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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/20">Post #19</a>
	                </div>
	            </div>
              <div id="likers-container-256558" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256558"
                     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 #19"></div>
  </section>
</div>
    <div class="postbit" id="256618" data-post-id="256618">
  <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
                    <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>Just released 0.1.0 <img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"></p>
<p><img src="https://forum.elixirforum.com/images/emoji/apple/point_right.png?v=15" title=":point_right:" class="emoji" alt=":point_right:" loading="lazy" width="20" height="20">  <a href="https://github.com/phenixdigital/phx_live_storybook" rel="noopener nofollow ugc">GitHub</a><br>
<img src="https://forum.elixirforum.com/images/emoji/apple/point_right.png?v=15" title=":point_right:" class="emoji" alt=":point_right:" loading="lazy" width="20" height="20">  <a href="https://hexdocs.pm/phx_live_storybook" rel="noopener nofollow ugc">Official documentation</a><br>
<img src="https://forum.elixirforum.com/images/emoji/apple/point_right.png?v=15" title=":point_right:" class="emoji" alt=":point_right:" loading="lazy" width="20" height="20">  <a href="https://phx-live-storybook-sample.fly.dev/storybook/" rel="noopener nofollow ugc">Demo</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="256618" data-batch-url="/posts/batch_likers">
                        11
                      </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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/21">Post #20</a>
	                </div>
	            </div>
              <div id="likers-container-256618" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="256618"
                     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 #20"></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/48890/load_more?page=3">Load more posts (74 remaining)</a>
</div></template></turbo-stream>