React BorderRadius Previewer

CSSプロパティである、border radiusで設定できる丸みの値をリアルタイムで調整でき、その値をクリップボードにコピーすることができます。

利用技術

border-radiusの値を監視する際に、input type="range"を使用する際の四角形の位置調整に苦戦しました。
clipboardにコピーする実装が初見だったので新たな知見になりました。(https://developer.mozilla.org/ja/docs/Web/API/Clipboard/write)

Name		Name	Last commit message	Last commit date
Latest commit History 21 Commits
public		public
src		src
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package.json		package.json
postcss.config.cjs		postcss.config.cjs
tailwind.config.cjs		tailwind.config.cjs
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts
yarn.lock		yarn.lock