<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="363944" data-post-id="363944">
  <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 Elixir friends, This is a Huge Update !! <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"><img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"></p>
<p><img src="https://forum.elixirforum.com/images/emoji/apple/rocket.png?v=15" title=":rocket:" class="emoji" alt=":rocket:" loading="lazy" width="20" height="20"> Excited to announce <strong>Mishka Chelekom v0.0.5</strong> is out! 5 new components, improved custom classes support, and accessibility across all components. <img src="https://forum.elixirforum.com/images/emoji/apple/wheelchair_symbol.png?v=15" title=":wheelchair_symbol:" class="emoji" alt=":wheelchair_symbol:" loading="lazy" width="20" height="20"><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>
<blockquote>
<p>Support the project please <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/pleading_face.png?v=15" title=":pleading_face:" class="emoji" alt=":pleading_face:" loading="lazy" width="20" height="20"></p>
</blockquote>
<h2><a name="p-363944-blog-post-1" class="anchor" href="#p-363944-blog-post-1" aria-label="Heading link" rel="nofollow"></a>Blog post</h2>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.5-now-with-accessibility-support">
  <header class="source">

      <a href="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.5-now-with-accessibility-support" 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.5.jpg" class="thumbnail" alt="" width="690" height="350"></div>

<h3><a href="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.5-now-with-accessibility-support" target="_blank" rel="noopener nofollow ugc">Introducing Mishka Chelekom v0.0.5 - Now with Accessibility Support</a></h3>

  <p>Phoenix UI v0.0.5 Mishka Chelekom is here with major updates—accessibility support, new components like Layouts and Clipboard, enhanced Gallery and Carousel, lazy loading, progress bar styles, and improved icon integration. A smoother, faster...</p>


  </article>

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

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

<h4><a name="p-363944-first-installupdate-2" class="anchor" href="#p-363944-first-installupdate-2" aria-label="Heading link" rel="nofollow"></a>First install/update</h4>
<pre data-code-wrap="elixir"><code class="lang-elixir">{:mishka_chelekom, "~&gt; 0.0.5", only: :dev}
</code></pre>
<h4><a name="p-363944-after-that-run-3" class="anchor" href="#p-363944-after-that-run-3" aria-label="Heading link" rel="nofollow"></a>After that run</h4>
<pre data-code-wrap="elixir"><code class="lang-elixir">mix mishka.ui.gen.components --import --helpers --global
</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="363944" data-batch-url="/posts/batch_likers">
                        11
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/22">Post #21</a>
	                </div>
	            </div>
              <div id="likers-container-363944" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="363944"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #21"></div>
  </section>
</div>
    <div class="postbit" id="365058" data-post-id="365058">
  <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>Next version of Mishka Chelekom with support for dynamic design system (including daisyUI) will start from next week and this version might take a bit longer. We’re trying to convert all the currently hard-coded sections into Tailwind configs and CSS variables! <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"> <img src="https://forum.elixirforum.com/images/emoji/apple/sparkles.png?v=15" title=":sparkles:" class="emoji" alt=":sparkles:" loading="lazy" width="20" height="20"></p> 
	            </div>

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

    </div>

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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Not sure if anyone asked this before, but is there also a standard way (i.e. a dependency “hassle” based one) to use the components (instead of letting the installer do it automatically)?</p>
<p>Thanks</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="365061" 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/24">Post #23</a>
	                </div>
	            </div>
              <div id="likers-container-365061" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="365061"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #23"></div>
  </section>
</div>
    <div class="postbit" id="365062" data-post-id="365062">
  <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>Hello dear friend. I’m not entirely sure I understand your question. If my explanation doesn’t fully address your issue, please provide more details or an example.</p>
<p>Generally, there are several ways to install components, as mentioned in our documentation:</p>
<p>Install each component separately:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">mix mishka.ui.gen.component alert
</code></pre>
<p>Limiting a specific component, for example:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">mix mishka.ui.gen.component alert --color info --variant default
# For Windows users please use `""` when you have more than
# one value for an argument
mix mishka.ui.gen.component alert --color "info,danger"
</code></pre>
<p>If you want to install all components with helpers macro (easy import):</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">mix mishka.ui.gen.components --import --yes
# Or you want to install helpers too
mix mishka.ui.gen.components --import --helpers --yes
</code></pre>
<p>If you want the CLI to do everything for you without needing anything else, simply run:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">mix mishka.ui.gen.components --import --helpers --global --yes
</code></pre>
<p>This will even handle the replacement process with Phoenix components for you. The last method, installation with a single command, is my personal recommendation if you want to use all of our components.</p>
<p>Thank you in advance</p>
<h1><a name="p-365062-ref-1" class="anchor" href="#p-365062-ref-1" aria-label="Heading link" rel="nofollow"></a>Ref:</h1>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://mishka.tools/chelekom/docs">
  <header class="source">

      <a href="https://mishka.tools/chelekom/docs" 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/docs/chelekom/get-started.png" class="thumbnail" alt="" width="690" height="246"></div>

<h3><a href="https://mishka.tools/chelekom/docs" target="_blank" rel="noopener nofollow ugc">Document - Chelekom Phoenix UIKit and components</a></h3>

  <p>Documentation of getting started with Chelekom library to create components and UI kit in Phoenix and Phoenix LiveView</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="365062" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/25">Post #24</a>
	                </div>
	            </div>
              <div id="likers-container-365062" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="365062"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>What I am asking is whether there’s a way to use the components without running the generators, i.e. simply add a certain dependency or dependencies to the web app in the project?</p>
<p>Thanks</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="365063" 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/26">Post #25</a>
	                </div>
	            </div>
              <div id="likers-container-365063" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="365063"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #25"></div>
  </section>
</div>
    <div class="postbit" id="365066" data-post-id="365066">
  <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>I’m sorry, I just realized. For now unfortunately No,<br>
Our entire approach is based on CLI so that you can install whatever you need and easily customize it.<br>
I think this is one of the features of this library makes it specific.</p>
<blockquote>
<p>The quick and easy way is for you to create a project, put all the components in it, and install it. This is a temporary solution.</p>
</blockquote>
<p>I will try to add an installable package to the project in future versions so that you won’t need the CLI.<br>
I think this will be added in a few more versions. <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"></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="365066" 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/27">Post #26</a>
	                </div>
	            </div>
              <div id="likers-container-365066" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="365066"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #26"></div>
  </section>
</div>
    <div class="postbit" id="366039" data-post-id="366039">
  <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>A first draft of mix assets has been added to the Mishka Chelekom project using igniter and the bun library in <a class="hashtag-cooked" href="/tag/elixir/1559" data-type="tag" data-slug="elixir" data-id="1559" data-style-type="icon" data-icon="tag" rel="nofollow"><span class="hashtag-icon-placeholder"><svg class="fa d-icon d-icon-square-full svg-icon svg-node"><use href="#square-full"></use></svg></span><span>elixir</span></a>— our first step toward bigger components like an editor.</p>
<p>Try out version 0.0.6-alpha.2 and use:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{:mishka_chelekom, "~&gt; 0.0.6-alpha.2", only: :dev}
</code></pre>
<h3><a name="p-366039-example-1" class="anchor" href="#p-366039-example-1" aria-label="Heading link" rel="nofollow"></a>Example</h3>
<pre data-code-wrap="elixir"><code class="lang-elixir"># install
mix mishka.assets.deps axios 
mix mishka.assets.deps axios,lodash

# uninstall
mix mishka.assets.deps axios --remove
mix mishka.assets.deps axios,lodash --remove
</code></pre>
<p>If you have any of <code>npm</code>, <code>yarn</code>, or <code>bun</code> installed, the system will automatically use the first available one in that order—unless you specify otherwise. To choose a specific package manager, use an option like:</p>
<pre data-code-wrap="bash"><code class="lang-bash">mix mishka.assets.deps axios --npm --yes
</code></pre>
<p>Note: You must also specify the package manager when removing a dependency.</p>
<p>If none of the three are available, <code>bun</code> will be used by default, and its binary will be placed in your <code>build</code> folder.</p>
<p>Road to add bigger components  <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"><img src="https://forum.elixirforum.com/images/emoji/apple/airplane.png?v=15" title=":airplane:" class="emoji" alt=":airplane:" loading="lazy" width="20" height="20"><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> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="366039" data-batch-url="/posts/batch_likers">
                        4
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/28">Post #27</a>
	                </div>
	            </div>
              <div id="likers-container-366039" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="366039"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #27"></div>
  </section>
</div>
    <div class="postbit" id="366543" data-post-id="366543">
  <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><a href="https://mishka.tools/chelekom" rel="noopener nofollow ugc">Mishka Chelekom</a> just passed 10K downloads <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"> <img src="https://forum.elixirforum.com/images/emoji/apple/exploding_head.png?v=15" title=":exploding_head:" class="emoji" alt=":exploding_head:" loading="lazy" width="20" height="20"> — and it’s only used in dev, not in prod! Hope elixir community support us more .<br>
The next release will be our biggest yet, packed with optimizations.<br>
It’ll take time, but it’s worth the wait. <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"></p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/f/d/fd4ebdf52e0ee9b61f3f5028e5a3f26ef5ad9296.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/fd4ebdf52e0ee9b61f3f5028e5a3f26ef5ad9296" title="Screenshot 2025-06-05 at 11.19.54" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/f/d/fd4ebdf52e0ee9b61f3f5028e5a3f26ef5ad9296.jpeg" alt="Screenshot 2025-06-05 at 11.19.54" data-base62-sha1="A8Rvfu78dtr3j49bZenRPzCXpAi" width="690" height="405" data-dominant-color="323333"><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">Screenshot 2025-06-05 at 11.19.54</span><span class="informations">1200×705 49.8 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="366543" data-batch-url="/posts/batch_likers">
                        6
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/29">Post #28</a>
	                </div>
	            </div>
              <div id="likers-container-366543" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="366543"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #28"></div>
  </section>
</div>
    <div class="postbit" id="366882" data-post-id="366882">
  <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 my friends, it is not out long term update for Mishka Chelekom but this version fixes Phoenix 1.8 errors.</p>
<h4><a name="p-366882-download-httpshexpmpackagesmishka_chelekom007-1" class="anchor" href="#p-366882-download-httpshexpmpackagesmishka_chelekom007-1" aria-label="Heading link" rel="nofollow"></a>Download <a href="https://hex.pm/packages/mishka_chelekom/0.0.7" class="inline-onebox" rel="nofollow">mishka_chelekom | Hex</a></h4>
<p>We still working on our next version that will be our biggest one <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/fire.png?v=15" title=":fire:" class="emoji" alt=":fire:" loading="lazy" width="20" height="20"></p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{:mishka_chelekom, "~&gt; 0.0.7", 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="366882" data-batch-url="/posts/batch_likers">
                        6
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/30">Post #29</a>
	                </div>
	            </div>
              <div id="likers-container-366882" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="366882"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #29"></div>
  </section>
</div>
    <div class="postbit" id="372899" data-post-id="372899">
  <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>We’re excited to share that our library has been downloaded over <strong>15,000 times</strong> on <a href="https://hex.pm/packages/mishka_chelekom" rel="nofollow">Hex.pm</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"><br>
Thank you so much for your trust and support! <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>Here’s some great news:<br>
After months of trial and error, we finally opened a <strong>pull request</strong> in the <strong>Mishka Chelekom</strong> project! <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"><br>
We’ve been working super hard to reach the next version, and you can check out the progress at the link below.</p>
<p><a href="https://github.com/mishka-group/mishka_chelekom/pull/439" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/mishka-group/mishka_chelekom/pull/439</a></p>
<p>These days, we’re working <strong>full-time</strong> to bring the new release to life! <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/laptop.png?v=15" title=":laptop:" class="emoji" alt=":laptop:" loading="lazy" width="20" height="20"></p>
<p>It’s also worth mentioning that <strong>Tailwind v4</strong> brought major changes, which unfortunately broke a lot of components <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/frowning.png?v=15" title=":frowning:" class="emoji" alt=":frowning:" loading="lazy" width="20" height="20"><img src="https://forum.elixirforum.com/images/emoji/apple/yawning_face.png?v=15" title=":yawning_face:" class="emoji" alt=":yawning_face:" loading="lazy" width="20" height="20">. Fixing this has taken a huge amount of effort on its own!</p>
<p><strong>But here’s the good part:</strong></p>
<blockquote>
<p>With this new version, you no longer need to dig into each component just to change colors. <img src="https://forum.elixirforum.com/images/emoji/apple/rainbow.png?v=15" title=":rainbow:" class="emoji" alt=":rainbow:" loading="lazy" width="20" height="20"><br>
We’ve moved all the colors into a CSS file, and the CLI now builds it for you effortlessly. <img src="https://forum.elixirforum.com/images/emoji/apple/sparkles.png?v=15" title=":sparkles:" class="emoji" alt=":sparkles:" loading="lazy" width="20" height="20"></p>
</blockquote>
<p>Please consider <strong>supporting</strong> the project so we can cover the costs and keep moving forward. <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/money_with_wings.png?v=15" title=":money_with_wings:" class="emoji" alt=":money_with_wings:" 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="372899" 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/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/31">Post #30</a>
	                </div>
	            </div>
              <div id="likers-container-372899" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="372899"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

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