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


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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>Hello friends,</strong><br>
Yesterday, I released the first beta version. Due to the large number of changes, I really need your help with testing.<br>
I hope you’ll support us by trying out the new version.<br>
The minimum requirements are <strong>Tailwind 4</strong> and <strong>Phoenix 1.8</strong>.</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{:mishka_chelekom, "~&gt; 0.0.8-beta.1", only: :dev}
</code></pre>
<p>For creating components</p>
<pre data-code-wrap="bash"><code class="lang-bash">mix mishka.ui.gen.components --import --helpers --global
# OR
mix mishka.ui.gen.components --import --helpers --global --yes
</code></pre>
<p>By the way it creates <code>priv/mishka_chelekom/config.exs</code> for you and you can change the colors or another stuff! and run top command or if it is just about color just run this.</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">mix mishka.ui.css.config --regenerate
</code></pre>
<p>If you need create this config and change it, after that run the <code>mishka.ui.gen.components</code></p>
<p>Please after install <code>deps</code> run<br>
Initialize a configuration file:</p>
<pre data-code-wrap="bash"><code class="lang-bash">mix mishka.ui.css.config --init
</code></pre>
<p>Force overwrite existing configuration with sample:</p>
<pre data-code-wrap="bash"><code class="lang-bash">mix mishka.ui.css.config --init --force
</code></pre>
<blockquote>
<p>We’re almost in the final stages of the release, and unless any major issues come up, I believe we’ll reach the new version within the next 3 to 4 days.<br>
I hope we can count on your support with testing during this time. <img src="https://forum.elixirforum.com/images/emoji/apple/heart.png?v=15" title=":heart:" class="emoji" alt=":heart:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/folded_hands/2.png?v=15" title=":folded_hands:t2:" class="emoji" alt=":folded_hands:t2:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/safety_vest.png?v=15" title=":safety_vest:" class="emoji" alt=":safety_vest:" loading="lazy" width="20" height="20"></p>
</blockquote>
<p>Thank you in advance</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="373595" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/32">Post #31</a>
	                </div>
	            </div>
              <div id="likers-container-373595" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="373595"
                     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="373657" data-post-id="373657">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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 <img src="https://forum.elixirforum.com/images/emoji/apple/raising_hands/2.png?v=15" title=":raising_hands:t2:" class="emoji" alt=":raising_hands:t2:" loading="lazy" width="20" height="20"></p>
<p><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>Beta v2 was released yesterday!</strong><br>
We’ve almost completed a full revamp of all our components <img src="https://forum.elixirforum.com/images/emoji/apple/hammer_and_wrench.png?v=15" title=":hammer_and_wrench:" class="emoji" alt=":hammer_and_wrench:" loading="lazy" width="20" height="20"><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"><br>
Next, we’ll be focusing on addressing user-reported issues <img src="https://forum.elixirforum.com/images/emoji/apple/lady_beetle.png?v=15" title=":lady_beetle:" class="emoji" alt=":lady_beetle:" loading="lazy" width="20" height="20"><img src="https://forum.elixirforum.com/images/emoji/apple/memo.png?v=15" title=":memo:" class="emoji" alt=":memo:" loading="lazy" width="20" height="20"><br>
Huge thanks in advance for your support in testing the beta versions <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"><img src="https://forum.elixirforum.com/images/emoji/apple/blue_heart.png?v=15" title=":blue_heart:" class="emoji" alt=":blue_heart:" loading="lazy" width="20" height="20"></p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{:mishka_chelekom, "~&gt; 0.0.8-beta.2", only: :dev}
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="373657" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/33">Post #32</a>
	                </div>
	            </div>
              <div id="likers-container-373657" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="373657"
                     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="374997" data-post-id="374997">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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">
								<aside class="quote quote-modified" data-post="1" data-topic="67050">
  <div class="title">
    <div class="quote-controls"></div>
    <img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/48/39485_2.png" class="avatar">
    <div class="quote-title__text-content">
      <a href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050" rel="nofollow">Mishka Chelekom - Phoenix and LiveView UI kit and components</a> <a class="badge-category__wrapper " href="/c/news/announcing/159" rel="nofollow"><span data-category-id="159" style="--category-badge-color: #d2407f; --category-badge-text-color: #FFFFFF; --parent-category-badge-color: #d2407f;" data-parent-category-id="158" data-drop-close="true" class="badge-category --style-square --has-parent"><span class="badge-category__name">Announcing</span></span></a>
    </div>
  </div>
  <blockquote>
    The <a href="https://mishka.tools/chelekom" rel="noopener nofollow ugc">Chelekom</a> project is a library of Phoenix and LiveView components generated via Mix tasks to fit developer needs seamlessly. 
One of its key features is a fully zero-configuration setup, designed to meet the foundational requirements for building admin panels and user-facing websites. 
This library is currently in development and includes a CLI tool, making it simple to add any desired component directly to your Phoenix component folder. 
Chelekom is open-source and free to use, launching wit…
  </blockquote>
</aside>

<p>We are absolutely thrilled to announce the release of <a href="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.8-with-tailwind-4-support-and-custom-configuration" rel="noopener nofollow ugc">version 0.0.8 of <strong>Mishka Chelekom</strong>!</a> <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"> <strong>Hits 16K+ Downloads</strong></p>
<blockquote>
<p>This release represents over <strong>21K lines of code changes</strong> across our components <img src="https://forum.elixirforum.com/images/emoji/apple/gear.png?v=15" title=":gear:" class="emoji" alt=":gear:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/carpentry_saw.png?v=15" title=":carpentry_saw:" class="emoji" alt=":carpentry_saw:" loading="lazy" width="20" height="20"></p>
</blockquote>
<hr>
<p><strong>Key Highlights of v0.0.8:</strong></p>
<p><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"> <strong>Complete Tailwind 4 Migration</strong>: All components now leverage the latest Tailwind CSS capabilities</p>
<p><img src="https://forum.elixirforum.com/images/emoji/apple/wrench.png?v=15" title=":wrench:" class="emoji" alt=":wrench:" loading="lazy" width="20" height="20"> <strong>Phoenix 1.8 Optimization</strong>: Full compatibility and performance improvements for the latest Phoenix release</p>
<p><img src="https://forum.elixirforum.com/images/emoji/apple/artist_palette.png?v=15" title=":artist_palette:" class="emoji" alt=":artist_palette:" loading="lazy" width="20" height="20"> <strong>Custom Configuration System</strong>: No more manual color adjustments in generated code! Our new config file system enables you to:</p>
<ul>
<li>
<p>Generate all components with your custom color palette</p>
</li>
<li>
<p>Implement your own CSS styling (which were defined in this lib components)</p>
</li>
<li>
<p>Achieve complete component customization with ease</p>
</li>
</ul>
<p><img src="https://forum.elixirforum.com/images/emoji/apple/brick.png?v=15" title=":brick:" class="emoji" alt=":brick:" loading="lazy" width="20" height="20"> <strong>New components and JsHooks:</strong> This version has some new components and Infrastructure JsHooks</p>
<hr>
<p><strong>Support Open Source Development</strong> This free and open-source project thrives with community support. If you find value in our work, please consider sponsoring us, even a coffee-sized contribution makes a difference! <img src="https://forum.elixirforum.com/images/emoji/apple/hot_beverage.png?v=15" title=":hot_beverage:" class="emoji" alt=":hot_beverage:" loading="lazy" width="20" height="20"></p>
<p><strong>Please for more information, read this Blog Post:</strong></p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.8-with-tailwind-4-support-and-custom-configuration">
  <header class="source">

      <a href="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.8-with-tailwind-4-support-and-custom-configuration" target="_blank" rel="noopener nofollow ugc">Mishka</a>
  </header>

  <article class="onebox-body">
    <div class="aspect-image" style="--aspect-ratio:690/245;"><img src="https://mishka.tools/images/blog/mishka-chelekom-0.0.8.jpg" class="thumbnail" alt="" width="690" height="349"></div>

<h3><a href="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.8-with-tailwind-4-support-and-custom-configuration" target="_blank" rel="noopener nofollow ugc">Introducing Mishka Chelekom v0.0.8 - With Tailwind 4 Support and Custom...</a></h3>

  <p>Mishka Chelekom v0.0.8 is here with major updates—Tailwind 4 support, Phoenix 1.8 compatibility, custom configuration for color overrides, improved CLIs, and approximately 21,000 lines of changes. The largest update yet for Phoenix and LiveView...</p>


  </article>

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

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

<p><strong>Repo:</strong> <a href="https://github.com/mishka-group/mishka_chelekom" class="inline-onebox" rel="noopener nofollow ugc">GitHub - mishka-group/mishka_chelekom: Mishka Chelekom is a fully featured components and UI kit library for Phoenix &amp; Phoenix LiveView · GitHub</a></p>
<p><strong>Doc:</strong> <a href="https://mishka.tools/chelekom" class="inline-onebox" rel="noopener nofollow ugc">Chelekom - Phoenix &amp; LiveView UI kit and components</a></p>
<p><strong>Hex:</strong> <a href="https://hex.pm/packages/mishka_chelekom" class="inline-onebox" rel="nofollow">mishka_chelekom | Hex</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="374997" data-batch-url="/posts/batch_likers">
                        10
                      </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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/34">Post #33</a>
	                </div>
	            </div>
              <div id="likers-container-374997" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="374997"
                     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="374654" data-post-id="374654">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="shahryarjb" data-post="34" data-topic="67050">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/48/39485_2.png" class="avatar"> shahryarjb:</div>
<blockquote>
<p>Implement your own CSS styling</p>
</blockquote>
</aside>
<p>Would it automatically remove all <code>Tailwind</code> stuff in the generated code?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="374654" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/35">Post #34</a>
	                </div>
	            </div>
              <div id="likers-container-374654" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="374654"
                     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="374656" data-post-id="374656">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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>Hi dear Eiji,<br>
In this version, we’ve moved all color-related styles outside of the components and provided them as examples. The result is a file called <code>mishka_chelekom.css</code>, which is located in the <code>vendor</code> directory of your project. We’ve also added it as an import in <code>app.css</code>.</p>
<p>Every line in that file — which currently contains only color definitions — can be overridden via the <code>config</code> file located in the <code>priv</code> directory.</p>
<p>You can see it in action in the video below:<br>
<a href="https://www.youtube.com/watch?v=kVRgVgD9xZ4" rel="noopener nofollow ugc">https://www.youtube.com/watch?v=kVRgVgD9xZ4</a></p>
<hr>
<p>The only important point to mention here is that we completely replace the <code>@theme</code> in <code>app.css</code> with our own version.<br>
If you had previously made hardcoded changes to the components, I think those changes might be overwritten. So, it’s a good idea to take a backup beforehand.</p>
<p>If I didn’t fully understand your question, please explain it to me with an example. If the feature you’re referring to doesn’t exist, I’ll definitely consider implementing it in the next release.</p>
<p>Overall, our components are simple <code>.eex</code> files that can be customized using several parameters like color, size, border, and so on.<br>
In previous versions, you could only choose between predefined options. But now, in addition to that, you can completely override any color using the config file.</p>
<hr>
<aside class="quote no-group" data-username="shahryarjb" data-post="34" data-topic="67050">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/48/39485_2.png" class="avatar"> shahryarjb:</div>
<blockquote>
<p>Implement your own CSS styling</p>
</blockquote>
</aside>
<p>In new version we will try to move shadow size and etc to config file too</p>
<p>For example, we define these and use it inside html tailwind!</p>
<pre data-code-wrap="css"><code class="lang-css">:root {
    --opacity-base: 10;
    --overlay-opacity: 100%;
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="374656" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/36">Post #35</a>
	                </div>
	            </div>
              <div id="likers-container-374656" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="374656"
                     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="374657" data-post-id="374657">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="shahryarjb" data-post="36" data-topic="67050">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/48/39485_2.png" class="avatar"> shahryarjb:</div>
<blockquote>
<p>If I didn’t fully understand your question, please explain it to me with an example. If the feature you’re referring to doesn’t exist, I’ll definitely consider implementing it in the next release.</p>
</blockquote>
</aside>
<p>Simply you use naming like <code>custom CSS</code> which is often used here and on other forums to refer user-defined CSS usually for the entire site as an alternative to using <code>Tailwind</code>, <code>Bootstrap</code> and any other CSS library/framework. This is a bit confusing especially for developers who do not know anything about your project.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="374657" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/37">Post #36</a>
	                </div>
	            </div>
              <div id="likers-container-374657" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="374657"
                     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="374658" data-post-id="374658">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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>Yes you are right! I changed this to <code>Implement your own CSS styling (which were defined in this lib components)</code></p>
<p>Thank you</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="374658" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/38">Post #37</a>
	                </div>
	            </div>
              <div id="likers-container-374658" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="374658"
                     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="374696" data-post-id="374696">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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>If possible, I’d appreciate your help with sharing the post on social media.</p>
<p><strong>Reddit:</strong> <a href="https://www.reddit.com/r/elixir/comments/1ntdjks/mishka_chelekom_hits_16k_downloads_free/" rel="noopener nofollow ugc">https://www.reddit.com/r/elixir/comments/1ntdjks/mishka_chelekom_hits_16k_downloads_free/</a></p>
<p><strong>X(twitter)</strong>: <a href="https://x.com/shahryar_tbiz/status/1972586057943412952" class="inline-onebox" rel="noopener nofollow ugc">Shahryar Tavakkoli on X: "🚀 Excited to announce Mishka Chelekom v0.0.8 is out! Hits 16K+ Downloads (Free &amp;amp; Open-source) 🔥Biggest Update Yet with Tailwind 4 Optimization &amp;amp; New Components/JsHooks! Annnnd!!!! Custom config file is here 🤯😳 Use CLI with ♥️ #MyElixirStatus #Mishka #Phoenix Blog post👇👇 https://t.co/IgEqdmcgyc" / X</a></p>
<p><strong>BlueSky:</strong> <a href="https://bsky.app/profile/shahryar-tbiz.bsky.social/post/3lzxnecq5xs2e" class="inline-onebox" rel="noopener nofollow ugc">@shahryar-tbiz.bsky.social on Bluesky</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="374696" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/39">Post #38</a>
	                </div>
	            </div>
              <div id="likers-container-374696" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="374696"
                     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="375163" data-post-id="375163">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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>Dear friends and colleagues,<br>
What features do you think should be added to the <strong>CLI</strong> for the <code>Mishka Chelekom</code> project?<br>
We’d greatly appreciate your suggestions, especially for potential <code>Mix</code> tasks that could enhance the project.</p>
<p>Thank you in advance! <img src="https://forum.elixirforum.com/images/emoji/apple/folded_hands/2.png?v=15" title=":folded_hands:t2:" class="emoji" alt=":folded_hands:t2:" loading="lazy" width="20" height="20"><img src="https://forum.elixirforum.com/images/emoji/apple/heart.png?v=15" title=":heart:" class="emoji" alt=":heart:" 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="375163" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/40">Post #39</a>
	                </div>
	            </div>
              <div id="likers-container-375163" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="375163"
                     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="377965" data-post-id="377965">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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 folks <img src="https://forum.elixirforum.com/images/emoji/apple/waving_hand.png?v=15" title=":waving_hand:" class="emoji" alt=":waving_hand:" loading="lazy" width="20" height="20"> I’ve updated Mishka Chelekom to help devs using multiple UI libs.<br>
You can now add a component prefix for better control.<br>
Try version 0.0.9-alpha.1 <img src="https://forum.elixirforum.com/images/emoji/apple/shaved_ice.png?v=15" title=":shaved_ice:" class="emoji" alt=":shaved_ice:" loading="lazy" width="20" height="20"></p>
<p><code>{:mishka_chelekom, “~&gt; 0.0.9-alpha.1”, only: :dev}￼</code></p>
<p>feedback welcome! <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><code>mix mishka.ui.gen.components --component-prefix something_ --global --import --helpers --yes</code></p>
<p><img src="https://forum.elixirforum.com/images/emoji/apple/police_car_light.png?v=15" title=":police_car_light:" class="emoji" alt=":police_car_light:" loading="lazy" width="20" height="20"> Not usually recommended, but can be handy in some cases</p>
<hr>
<p>Not usually recommended, but can be handy in some cases!! and consider after doing this maybe you get error from your Layouts.ex, so you need to add prefix manually</p>
<h3><a name="p-377965-pr-1" class="anchor" href="#p-377965-pr-1" aria-label="Heading link" rel="nofollow"></a>PR:</h3>
<p><a href="https://github.com/mishka-group/mishka_chelekom/pull/454" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/mishka-group/mishka_chelekom/pull/454</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="377965" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/41">Post #40</a>
	                </div>
	            </div>
              <div id="likers-container-377965" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="377965"
                     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/67050/load_more?page=5">Load more posts (16 remaining)</a>
</div></template></turbo-stream>