インストール

npm から picola をインストールします。

npm i picola

Svelte アダプタ

Svelte アダプタ（picola/svelte）は、内蔵アイコンに @lucide/svelte をピア依存として使用します。npm 7 以降では自動でインストールされ、アプリがすでに lucide に依存していれば共有の 1 コピーが再利用されるため、アイコンがバンドル内で重複しません。

コンポーネントとスタイルシートをインポートします。

<script lang="ts">
  import { Lightbox } from 'picola/svelte';
  import 'picola/picola.css';
</script>

picola/picola.css はアプリ内のどこか一箇所で一度だけインポートしてください。副作用のみを持つファイルであり、バンドラによって重複が排除されます。

要件

• コア（picola）は依存ゼロでフレームワーク非依存です。
• picola/svelte はピアとして Svelte 5 と @lucide/svelte v1 を必要とします。
• モダンなエバーグリーンブラウザ — ブラウザサポート を参照してください。

手に入るもの

クイックスタート に進みましょう。