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


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="phcurado" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/phcurado/120/39030_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  phcurado
                      <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><strong>DaisyUI Components Version 0.8 Released <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"></strong></p>
<p>This new version is now compatible with the new <strong>DaisyUI V5</strong>, thank you <a class="mention" href="/u/typesend" rel="nofollow">@typesend</a> for starting this work on the repo.<br>
The new UI can be seen on the <a href="https://daisy-ui-components-site.fly.dev/storybook/welcome" rel="noopener nofollow ugc">storybook</a>.</p>
<p>On top of that, new components were added, here is a quick display of them:</p>
<p><strong>Label</strong><br>
The label component was introduced in the new DaisyUI version, we can add labels to inputs:</p>
<p><img src="https://forum.elixirforum.com/uploads/default/original/3X/b/6/b63e83515dd7de4922edc6b03d7a3cff03e2a2b8.png" alt="image" data-base62-sha1="q0cPE8loGnMaLc3hXQ57DaZzcQU" width="226" height="44"></p>
<p>Code example:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;.label text="https://" type="input"&gt;
  &lt;input type="text" placeholder="URL" /&gt;
&lt;/.label&gt;
</code></pre>
<p>We can have labels before or after the input. We also have floating labels, take a look on the <a href="https://daisy-ui-components-site.fly.dev/storybook/components/label" rel="noopener nofollow ugc">Label Storybook</a> for all options</p>
<p><strong>Fieldset</strong><br>
Probably the most important component of this release. The fieldset is useful to  group several controls and is now used on all form inputs to group label, input and errors in a form.<br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/7/c/7ca9fd86c83b0f345b27e6140ede166534bc43ad.png" data-download-href="https://forum.elixirforum.com/uploads/default/7ca9fd86c83b0f345b27e6140ede166534bc43ad" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/7/c/7ca9fd86c83b0f345b27e6140ede166534bc43ad.png" alt="image" data-base62-sha1="hMPpm1oxFZeY8KYolGyjTsbBpcp" width="231" height="177"><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">463×355 7.64 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><br>
Code example:<p></p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;.fieldset class="w-xs bg-base-200 border border-base-300 p-4 rounded-box"&gt;
  &lt;.fieldset_legend&gt;Login&lt;/.fieldset_legend&gt;
  &lt;.fieldset_label&gt;Email&lt;/.fieldset_label&gt;
  &lt;.input type="email" placeholder="Email" /&gt;
  &lt;.fieldset_label&gt;Password&lt;/.fieldset_label&gt;
  &lt;.input type="password" placeholder="Password" /&gt;
  &lt;.button class="btn btn-primary mt-4"&gt;Login&lt;/.button&gt;
&lt;/.fieldset&gt;
</code></pre>
<p><a href="https://daisy-ui-components-site.fly.dev/storybook/components/fieldset" rel="noopener nofollow ugc">Fieldset Storybook</a></p>
<p><strong>Progress</strong><br>
Maybe not the most popular component but it’s a nice one to have, it’s really easy to add it on your site:<br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/c/3/c34d178a956f50e0d75784e395950e193ef97afb.png" data-download-href="https://forum.elixirforum.com/uploads/default/c34d178a956f50e0d75784e395950e193ef97afb" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/c/3/c34d178a956f50e0d75784e395950e193ef97afb.png" alt="image" data-base62-sha1="rRIh50yF8GpqWSpqKbrqGJqPMyn" width="345" height="103" data-dominant-color="DDE3E3"><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">863×260 1.85 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>Code example:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;.progress color="primary" max={100} value={40}/&gt;
</code></pre>
<p><a href="https://daisy-ui-components-site.fly.dev/storybook/components/progress" rel="noopener nofollow ugc">Progress Storybook</a></p>
<p><strong>Footer</strong><br>
And the last component of this release, the footer component.<br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/e/a/eabd476d7e817e8eef6f77b6ea50146f46102664.png" data-download-href="https://forum.elixirforum.com/uploads/default/eabd476d7e817e8eef6f77b6ea50146f46102664" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/e/a/eabd476d7e817e8eef6f77b6ea50146f46102664_2_345x140.png" alt="image" data-base62-sha1="xuBfTZVTlBJL5eEgaQO8YDIv8KU" width="345" height="140" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/e/a/eabd476d7e817e8eef6f77b6ea50146f46102664_2_345x140.png, https://forum.elixirforum.com/uploads/default/optimized/3X/e/a/eabd476d7e817e8eef6f77b6ea50146f46102664_2_517x210.png 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/e/a/eabd476d7e817e8eef6f77b6ea50146f46102664_2_690x280.png 2x" data-dominant-color="414143"><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">863×352 16.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><br>
<a href="https://daisy-ui-components-site.fly.dev/storybook/components/footer" rel="noopener nofollow ugc">Footer Storybook</a><p></p>
<p><strong>Roadmap</strong></p>
<ul>
<li>Compatibility with DaisyUI V5 - Done <img src="https://forum.elixirforum.com/images/emoji/apple/white_check_mark.png?v=15" title=":white_check_mark:" class="emoji" alt=":white_check_mark:" loading="lazy" width="20" height="20"></li>
<li>Implement more components and storybooks, the missing components can be seen on the <a href="https://github.com/phcurado/daisy_ui_components?tab=readme-ov-file#%EF%B8%8F-components" rel="noopener nofollow ugc">Readme component’s section</a></li>
<li>Support for tailwind 4.0</li>
<li>Monitor the new phoenix release to avoid compatibility issues when it’s released a new version</li>
<li>Create <code>mix</code> script to enable users to import the components of this library into their projects, sharing the same project namespace.</li>
</ul>
<p>Thanks everyone <img src="https://forum.elixirforum.com/images/emoji/apple/pray.png?v=15" title=":pray:" class="emoji" alt=":pray:" 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="360089" 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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-360089" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360089"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-most-liked cat-most-liked" title="One of the top 3 liked posts in this thread!"></div>
  </section>
</div>
    <div class="postbit" id="360097" data-post-id="360097">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Is there any plans to add more reactivity on top of the existing daisy components? It is a glaring hole atm in Daisy that almost nothing is mobile first (try looking at the tables from a phone), but this seems very achievable to patch over in the library. Adding things like attrs for the col slots for how it collapses in lower media queries etc.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="360097" data-batch-url="/posts/batch_likers">
                        3
                      </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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-360097" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360097"
                     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="360100" data-post-id="360100">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="phcurado" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/phcurado/120/39030_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  phcurado
                      <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 <a class="mention" href="/u/olivermt" rel="nofollow">@olivermt</a>,</p>
<p>There are plans to improve the components to have better ergonomics compared to the default daisyui styles. I’m implementing it little by little as I’m still focusing on having a bigger component coverage and storybook with all the examples.</p>
<p>For the table example, I believe the storybook is making the table a bit weird on mobile but you can check the same table on the default daisyUI docs:  <a href="https://daisyui.com/components/table/" class="inline-onebox" rel="noopener nofollow ugc">Tailwind Table Component – daisyUI</a> which should look a bit better.</p>
<p>As for having collapsible columns, this should already be possible if using the table without the <code>col</code> slots. Using table with <code>col</code> slots - instead of using <code>th</code> <code>td</code> - is an option provided by this lib to have compatibility with the current phoenix generators. Since each element of the table can accept classes, you can choose to or hide/show a column based on a media query. For improving the table with slots, I can add a class attribute there so you can pass any class per column and I will also add on pipeline here to offer a collapsible option,  great suggestion.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="360100" 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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-360100" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360100"
                     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="360106" data-post-id="360106">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Splendid! And it is meant as critique of daisy itself, NOT of your package just to reiterate that.</p>
<p>I pay for tailwindui and everything there is staunchly mobile first, so it was a bit jarring to have to think reactively again when looking at Daisy again after the phoenix announcement to default to daisy <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="360106" 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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-360106" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360106"
                     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="360120" data-post-id="360120">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Where/what was this announcement of defaulting to DaisyUI?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="360120" 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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-360120" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360120"
                     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="360121" data-post-id="360121">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>To be honest I don’t know. Everyone on elixir slack talked about it so confidently I didn’t bother doing a fact check <img src="https://forum.elixirforum.com/images/emoji/apple/laughing.png?v=15" title=":laughing:" class="emoji" alt=":laughing:" 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="360121" 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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-360121" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360121"
                     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="360124" data-post-id="360124">
  <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>Daily UI will become part of the next phoenix release, the change has been merged, but annoucements will likely only be had once the release is ready.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="360124" data-batch-url="/posts/batch_likers">
                        9
                      </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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-360124" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360124"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-most-liked cat-most-liked" title="One of the top 3 liked posts in this thread!"></div>
  </section>
</div>
    <div class="postbit" id="361003" data-post-id="361003">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Meanwhile, here is the commit and the github issue:</p>
<p><a href="https://github.com/phoenixframework/phoenix/commit/aa618d553c5faa2cb8780be479e4203e092f6a38" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/phoenixframework/phoenix/commit/aa618d553c5faa2cb8780be479e4203e092f6a38</a></p>
<p><a href="https://github.com/phoenixframework/phoenix/issues/6121" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/phoenixframework/phoenix/issues/6121</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="361003" data-batch-url="/posts/batch_likers">
                        3
                      </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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-361003" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="361003"
                     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="361203" data-post-id="361203">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>And here the announcement of Phoenix 1.8.0-rc:</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://www.phoenixframework.org/blog/phoenix-1-8-released">
  <header class="source">
      <img src="https://www.phoenixframework.org/favicon.ico" class="site-icon" alt="" width="32" height="22">

      <a href="https://www.phoenixframework.org/blog/phoenix-1-8-released" target="_blank" rel="noopener nofollow">phoenixframework.org</a>
  </header>

  <article class="onebox-body">
    

<h3><a href="https://www.phoenixframework.org/blog/phoenix-1-8-released" target="_blank" rel="noopener nofollow">Phoenix 1.8.0 released! - Phoenix Blog</a></h3>

  <p>Phoenix 1.8.0 is here!</p>


  </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="361203" data-batch-url="/posts/batch_likers">
                        3
                      </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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/20">Post #19</a>
	                </div>
	            </div>
              <div id="likers-container-361203" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="361203"
                     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="361628" data-post-id="361628">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>First of all, that you for sharing this library!</p>
<p>A question I have relates with Phoenix 1.8 and the build-in support for DaisyUI.</p>
<p>For example, an avatar can be defined in plain HTML and DaisyUI classes as:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;div class="avatar"&gt;
    &lt;div class="w-16 rounded-full"&gt;
      &lt;img src="..." /&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<p>while in DaisyUIComponents as</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;.avatar online&gt;
    &lt;div class="w-16 rounded-full"&gt;
        &lt;img src="..." /&gt;
    &lt;/div&gt;
&lt;/.avatar&gt;
</code></pre>
<p>Are they mere (equivalent) alternatives? Is there any benefit using the one against the other?</p>
<p>Edit: Can this library be used with Phoenix 1.8rc already?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="361628" 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/daisyuicomponents-a-phoenix-liveview-daisyui-library/69415/21">Post #20</a>
	                </div>
	            </div>
              <div id="likers-container-361628" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="361628"
                     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/69415/load_more?page=3">Load more posts</a>
</div></template></turbo-stream>