contents-popup-redtombo
用途
このパッケージは、Nuxt3内で利用するためのポップアップコンポーネントを提供します。主な特徴は、コンポーネントリストに各Componentに対応する文字列型のキーを設定し、そのキーを切り替えることでポップアップの中のComponentも動的に変更できます。これにより、ページ遷移なしに異なるコンテンツや機能を持つポップアップを実現できます。
主な機能
- ポップアップ内のComponentsをキーで切り替える。
使うのに必要なパッケージ
- bootstrap ver.5
- nuxt ver3
サンプルコード
Nuxt - Starter (forked) - StackBlitz
Create a new Nuxt project, module, layer or start from a theme with our collection of starters.
stackblitz.com
インストールのやり方
このパッケージは、Node.js 環境で使用することを想定しています。事前に Node.js をインストールして、npm または yarn が使用可能な状態にしてください。
以下のコマンドを使用してパッケージをインストールできます
npm を使用する場合
npm install contents-popup-redtombo
yarn を使用する場合
yarn add contents-popup-redtombo
