React Hooks Buttons: 内置3D按钮的UX设计

描述了React中内置的3D按钮的UX设计,通过钩子管理状态,并使用@keyframes进行动画处理。点击按钮可弹出更多选项,再次点击即可关闭。

zip
react-hooks-buttons-main.zip 预估大小:63个文件
folder
react-hooks-buttons-main 文件夹
file
.eslintrc.json 2KB
folder
client 文件夹
folder
app 文件夹
folder
components 文件夹
folder
icon 文件夹
folder
svg 文件夹
file
index.js 190B
file
chart.svg 184B
file
card.svg 260B
file
profile.svg 450B
file
add.svg 144B
file
icon.story.jsx 1KB
file
icon.scss 279B
file
index.js 34B
file
icon.jsx 702B
folder
pop-buttons 文件夹
file
pop-buttons.jsx 552B
file
pop-buttons.story.jsx 364B
file
index.js 41B
file
pop-buttons.scss 33B
folder
page 文件夹
file
index.js 34B
file
page.story.jsx 820B
file
page.jsx 833B
file
page.scss 368B
folder
button 文件夹
file
button.scss 1KB
file
button.story.jsx 1016B
file
button.jsx 856B
file
index.js 36B
folder
grid 文件夹
folder
row 文件夹
file
row.scss 258B
file
row.jsx 653B
folder
column 文件夹
file
column.jsx 540B
file
column.scss 197B
file
index.js 97B
file
app.jsx 121B
file
index.jsx 204B
file
reset.scss 72B
file
.gitignore 2KB
file
.babelrc 74B
file
package.json 2KB
file
package-lock.json 825KB
file
webpack.config.js 1KB
file
jest.config.js 6KB
file
enzyme.config.js 137B
file
README.md 483B
file
.eslintignore 13B
file
index.html 306B
folder
.storybook 文件夹
file
main.js 575B
file
preview.js 74B
file
preview-head.html 101B
file
.stylelintignore 13B
folder
stories 文件夹
file
page.css 998B
file
button.css 642B
file
Button.stories.js 619B
folder
assets 文件夹
file
code-brackets.svg 1KB
file
flow.svg 1KB
file
repo.svg 2KB
file
plugin.svg 2KB
file
direction.svg 1KB
file
comments.svg 1KB
file
stackalt.svg 2KB
file
colors.svg 8KB
file
Page.stories.js 424B
file
Button.js 1KB
file
Header.stories.js 325B
file
Header.js 1KB
file
Introduction.stories.mdx 5KB
file
Page.js 2KB
file
header.css 472B
file
.stylelintrc.json 261B
...
zip 文件大小:235.83KB