エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
daisyUI を SvelteKit アプリに導入して、よくある画面構成を作成してみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
daisyUI を SvelteKit アプリに導入して、よくある画面構成を作成してみた - Qiita
はじめに Twitter を眺めてたら daisyUI なるUIライブラリを激押し(?)している投稿を見かけました。 ... はじめに Twitter を眺めてたら daisyUI なるUIライブラリを激押し(?)している投稿を見かけました。 気になって調べてみたら良さそうな感じだったので SvelteKit アプリに導入して使い勝手を調べてみました。 daisyUI とは daisyUI は、CSS フレームワークである Tailwind をベースにしており、 Tailwind よりもよりシンプルな記述でコンポーネントを構築できます。もちろん、Tailwind のクラス名を再利用することができます。 例えばこんな感じです。(※ホームページ から抜粋) 左が Tailwind、右が daisyUI です。明らかに daisyUI の方がコード量が少ないです。 JavaScript を使っていないため、(import や変数宣言が不要なので)サンプルコードをコピー&ペーストして利用しやすいのも特徴です。 daisy