shuyin02

<h2 id="shadcn%2Fui%E3%81%AB%E3%82%B9%E3%83%94%E3%83%8A%E3%83%BC%E3%81%8C%E3%81%AA%E3%81%84">
<a class="header-anchor-link" href="#shadcn%2Fui%E3%81%AB%E3%82%B9%E3%83%94%E3%83%8A%E3%83%BC%E3%81%8C%E3%81%AA%E3%81%84" aria-hidden="true"></a> shadcn/uiにスピナーがない</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__570510afe1981" src="https://embed.zenn.studio/card#zenn-embedded__570510afe1981" data-content="https%3A%2F%2Fgithub.com%2Fshadcn-ui%2Fui%2Fdiscussions%2F1694" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/shadcn-ui/ui/discussions/1694" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/shadcn-ui/ui/discussions/1694</a></p>
<p>discussionsにそれっぽい記載があったので必要になったら見てみる<br>
最近はspinnerよりskeltonをおいてレイアウトシフトが起きないようにするのが流行りっぽいけど、ボタンを押してfetchしていることを示すためにアイコン的に使いたい時もあるので</p>


<h2 id="%E6%9C%80%E8%BF%91%E3%81%AF">
<a class="header-anchor-link" href="#%E6%9C%80%E8%BF%91%E3%81%AF" aria-hidden="true"></a> 最近は</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__029558bc41bc" src="https://embed.zenn.studio/card#zenn-embedded__029558bc41bc" data-content="https%3A%2F%2Flucide.dev%2Ficons%2F%3Fsearch%3Dloader" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://lucide.dev/icons/?search=loader" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://lucide.dev/icons/?search=loader</a></p>
<p>loaderアイコンに<code>className="animate-spin"</code>が早い<br>
参考に<code>animate-pulse</code>でskeltonがチカチカするのも作れる</p>
<p>tailwindはやっぱり楽でいい</p>
