<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="258815" data-post-id="258815">
  <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>Hey guys, I just released <strong>0.3.0</strong> which is quite a big one <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><img src="https://forum.elixirforum.com/images/emoji/apple/backhand_index_pointing_right.png?v=15" title=":backhand_index_pointing_right:" class="emoji" alt=":backhand_index_pointing_right:" loading="lazy" width="20" height="20"> Demo is still available <a href="https://phx-live-storybook-sample.fly.dev/storybook/colors" rel="noopener nofollow ugc">here</a>.</p>
<p>Here is the changelog:</p>
<ul>
<li><strong>change (breaking!)</strong>: entries must now be written as <code>.exs</code> files. Otherwise, they will be ignored.</li>
<li><strong>change (breaking!)</strong>: <code>variations</code> have been rebranded as <code>stories</code>.</li>
<li><strong>change (breaking!)</strong>: <code>live_storybook/2</code> must be set in your <code>router.ex</code> outside your main scope<br>
and outside your <code>:browser</code> pipeline.</li>
<li><strong>feature</strong>: new Playground tab to play with your components! To use it, you must declare attributes in your component entries.</li>
<li><strong>feature</strong>: you can opt-in iframe rendering for any of your components with <code>def container, do: :iframe</code></li>
<li><strong>improvement</strong>: storybook is now fully responsive.</li>
<li><strong>improvement</strong>: meaningful errors are raised during compilation if your entries are invalid.</li>
<li><strong>improvement</strong>: improved storybook CSS isolation. It should no longer leak within your components.</li>
<li><strong>improvement</strong>: stateless component entries no longer require defining a <code>component/0</code> function.</li>
<li><strong>documentation</strong>: <a href="https://github.com/phenixdigital/phx_live_storybook/blob/main/guides/sandboxing.md" rel="noopener nofollow ugc">new <code>sandboxing.md</code> guide</a>.</li>
</ul>
<p>Big thanks to <a class="mention" href="/u/glennr" rel="nofollow">@glennr</a>, <a class="mention" href="/u/lostkobrakai" rel="nofollow">@LostKobrakai</a> and <a class="mention" href="/u/seb3s" rel="nofollow">@seb3s</a> for their contribution <img src="https://forum.elixirforum.com/images/emoji/apple/clap.png?v=15" title=":clap:" class="emoji" alt=":clap:" 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="258815" data-batch-url="/posts/batch_likers">
                        13
                      </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/32">Post #31</a>
	                </div>
	            </div>
              <div id="likers-container-258815" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="258815"
                     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 #31"></div>
  </section>
</div>
    <div class="postbit" id="259281" data-post-id="259281">
  <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 shipped on the storybook this very morning.</p>
<p>Support for custom component themes <img src="https://forum.elixirforum.com/images/emoji/apple/artist.png?v=15" title=":artist:" class="emoji" alt=":artist:" loading="lazy" width="20" height="20"></p>
<p>          <a href="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/CleanShot%202022-08-24%20at%2009.25.36.gif" target="_blank" rel="noopener nofollow ugc" class="onebox">
            <img src="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/CleanShot%202022-08-24%20at%2009.25.36.gif" width="690" height="510">
          </a>
</p>
<p>Responsive component playground</p>
<p>          <a href="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/CleanShot%202022-08-24%20at%2009.44.15.gif" target="_blank" rel="noopener nofollow ugc" class="onebox">
            <img src="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/CleanShot%202022-08-24%20at%2009.44.15.gif" width="690" height="509">
          </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="259281" 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/33">Post #32</a>
	                </div>
	            </div>
              <div id="likers-container-259281" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="259281"
                     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 #32"></div>
  </section>
</div>
    <div class="postbit" id="259644" data-post-id="259644">
  <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>Big kudos to <a class="mention" href="/u/matthieuchabert" rel="nofollow">@matthieuchabert</a> who just shipped an awesome <code>cmd K</code> search feature to phx_live_storybook!</p>
<p>          <a href="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/storybook%20search.gif" target="_blank" rel="noopener nofollow ugc" class="onebox">
            <img src="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/storybook%20search.gif" width="622" height="430">
          </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="259644" 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/34">Post #33</a>
	                </div>
	            </div>
              <div id="likers-container-259644" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="259644"
                     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 #33"></div>
  </section>
</div>
    <div class="postbit" id="260673" data-post-id="260673">
  <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>Hey there, just a small update.</p>
<p>Still working toward a 0.4.0 release in a few weeks from now, and I’m pretty excited that some under-work  features will come from external contributors (poke <a class="mention" href="/u/dgigafox" rel="nofollow">@dgigafox</a>)</p>
<p>In recent work, we made it possible to open the component playground from any story.<br>
If it’s a story group you can even <em>bulk edit</em> components.</p>
<p>          <a href="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/CleanShot%202022-09-06%20at%2020.53.16.gif" target="_blank" rel="noopener nofollow ugc" class="onebox">
            <img src="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/CleanShot%202022-09-06%20at%2020.53.16.gif" width="690" height="510">
          </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="260673" data-batch-url="/posts/batch_likers">
                        12
                      </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/35">Post #34</a>
	                </div>
	            </div>
              <div id="likers-container-260673" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="260673"
                     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 #34"></div>
  </section>
</div>
    <div class="postbit" id="262365" data-post-id="262365">
  <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>After a huge step of refactoring, 0.4.0 is around the corner.<br>
To wait until then, here is a sneak peek of the <strong>playground event log</strong> crafted by <a class="mention" href="/u/dgigafox" rel="nofollow">@dgigafox</a> <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>          <a href="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/CleanShot%202022-09-22%20at%2023.23.16.gif" target="_blank" rel="noopener nofollow ugc" class="onebox">
            <img src="https://phenixdisplays-misc.s3-eu-west-3.amazonaws.com/CleanShot%202022-09-22%20at%2023.23.16.gif" width="690" height="522">
          </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="262365" data-batch-url="/posts/batch_likers">
                        14
                      </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/36">Post #35</a>
	                </div>
	            </div>
              <div id="likers-container-262365" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="262365"
                     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 #35"></div>
  </section>
</div>
    <div class="postbit" id="263163" data-post-id="263163">
  <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>Hey there, we just released <strong>0.4.0</strong> of <code>phx_live_storybook</code> <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>A lot of work was involved in shipping new features, fixing bugs, refactoring code, and integrating feedback from both <a class="mention" href="/u/josevalim" rel="nofollow">@josevalim</a> &amp; <a class="mention" href="/u/chrismccord" rel="nofollow">@chrismccord</a> . Thanks also to <a class="mention" href="/u/matthieuchabert" rel="nofollow">@matthieuchabert</a> <a class="mention" href="/u/dgigafox" rel="nofollow">@dgigafox</a> <a class="mention" href="/u/seb3s" rel="nofollow">@seb3s</a> for your contributions <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>
<p>If you already used a prior version of the lib, please read the <a href="https://github.com/phenixdigital/phx_live_storybook/blob/main/CHANGELOG.md" rel="noopener nofollow ugc">changelog</a>, it’s huge <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"><br>
If you’re a newcomer, then <code>mix phx.gen.storybook</code> is your friend!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="263163" data-batch-url="/posts/batch_likers">
                        18
                      </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/37">Post #36</a>
	                </div>
	            </div>
              <div id="likers-container-263163" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="263163"
                     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 #36"></div>
  </section>
</div>
    <div class="postbit" id="264181" data-post-id="264181">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_tear.png?v=15" title=":smiling_face_with_tear:" class="emoji" alt=":smiling_face_with_tear:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_tear.png?v=15" title=":smiling_face_with_tear:" class="emoji" alt=":smiling_face_with_tear:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_tear.png?v=15" title=":smiling_face_with_tear:" class="emoji" alt=":smiling_face_with_tear:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_tear.png?v=15" title=":smiling_face_with_tear:" class="emoji" alt=":smiling_face_with_tear:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_tear.png?v=15" title=":smiling_face_with_tear:" class="emoji" alt=":smiling_face_with_tear:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_tear.png?v=15" title=":smiling_face_with_tear:" class="emoji" alt=":smiling_face_with_tear:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_tear.png?v=15" title=":smiling_face_with_tear:" class="emoji" alt=":smiling_face_with_tear:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/smiling_face_with_tear.png?v=15" title=":smiling_face_with_tear:" class="emoji" alt=":smiling_face_with_tear:" 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="264181" 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/phoenix-storybook-a-storybook-like-ui-interface-for-phoenix-components/48890/38">Post #37</a>
	                </div>
	            </div>
              <div id="likers-container-264181" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="264181"
                     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 #37"></div>
  </section>
</div>
    <div class="postbit" id="266188" data-post-id="266188">
  <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>Hey there, nothing really new on the project (even if a few minor versions have been released since 0.4.0), but I just recorded a getting started video on using <code>phx_live_storybook</code></p>
<p><a href="https://twitter.com/cblavier/status/1584630104512434176?s=20&amp;t=245X367q0iit5K8zPPUe4g" class="onebox" target="_blank" rel="noopener nofollow ugc">https://twitter.com/cblavier/status/1584630104512434176?s=20&amp;t=245X367q0iit5K8zPPUe4g</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="266188" 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/39">Post #38</a>
	                </div>
	            </div>
              <div id="likers-container-266188" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="266188"
                     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 #38"></div>
  </section>
</div>
    <div class="postbit" id="274234" data-post-id="274234">
  <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>It’s been a while since I last posted here.</p>
<p>0.5.0 is under work with a few new features and improvements. Among the latest shipped is the support for <em>example stories</em>:</p>
          <div class="onebox video-onebox">
            <video width="100%" height="100%" controls="">
              <source src="https://test-cblavier.s3-eu-west-3.amazonaws.com/elixir_forum/CleanShot%202023-01-08%20at%2011.20.24.mp4">
              <a href="https://test-cblavier.s3-eu-west-3.amazonaws.com/elixir_forum/CleanShot%202023-01-08%20at%2011.20.24.mp4" rel="noopener nofollow ugc">https://test-cblavier.s3-eu-west-3.amazonaws.com/elixir_forum/CleanShot%202023-01-08%20at%2011.20.24.mp4</a>
            </video>
          </div>

<p>We will now improve the storybook generator to generate stories and examples based on the new Phoenix 1.7 core components.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="274234" data-batch-url="/posts/batch_likers">
                        13
                      </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/40">Post #39</a>
	                </div>
	            </div>
              <div id="likers-container-274234" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="274234"
                     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 #39"></div>
  </section>
</div>
    <div class="postbit" id="274779" data-post-id="274779">
  <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>Six months later our company’s storybook is now powered by phx_live_storybook.</p>
<p>We just looped the loop <img src="https://forum.elixirforum.com/images/emoji/apple/sweat_smile.png?v=15" title=":sweat_smile:" class="emoji" alt=":sweat_smile:" loading="lazy" width="20" height="20"></p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://storybook.phenixgroupe.com/colors">
  <header class="source">
      <img src="https://storybook.phenixgroupe.com/assets/favicon/favicon-32x32-511e8815bf4f1789d9cabebc28cb3fbc.png" class="site-icon" alt="" width="32" height="32">

      <a href="https://storybook.phenixgroupe.com/colors" target="_blank" rel="noopener nofollow ugc">storybook.phenixgroupe.com</a>
  </header>

  <article class="onebox-body">
    

<h3><a href="https://storybook.phenixgroupe.com/colors" target="_blank" rel="noopener nofollow ugc">Phenix Storybook - 
      Colors</a></h3>



  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="274779" data-batch-url="/posts/batch_likers">
                        14
                      </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/41">Post #40</a>
	                </div>
	            </div>
              <div id="likers-container-274779" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="274779"
                     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 #40"></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=5">Load more posts (54 remaining)</a>
</div></template></turbo-stream>