§24-09Developer
Embed code generator
埋め込み用のタグを生成してコピーできる。
自分のサイトにウィジェットを貼りたい人が、設定を選ぶだけでコードを手に入れられる。外部サイトへの配布を広げたい機能に向く。
実装のポイント
幅・テーマなどのオプションを変更するとコードが即時更新される生成 UI にし、コピー後は「コピーしました」を aria-live で通知する。
- 特徴
- ブラウザ API
- デモで使っているもの
- shadcn/ui
- lucide-react
- Clipboard API