Medium Style Image Zoomer
海外のブログサイト「Medium」の画像ズーム機能をTailwindCSSで再現しました。
目次
About Preview
このコンポーネントを使いたい場合は、component.tsxの内容をコピーして、render.tsxを参考にコンポーネントを使ってください
Default Packages
プレビュー画面では以下のパッケージがインストールされています
- TailwindCSS
- clsx
- tailwind-merge
pnpm add tailwindcss clsx tailwind-merge
Component PropsType
type MediumImageProps = {
src: string;
alt?: string; // default = '画像'
background?: string; // default = '#fff'
className?: string;
};
