Rectangle Buttons
ThreeUI · Buttons · 免费
在云境TS 中打开并复制 →
内容预览
# Rectangle Buttons Twenty-two authored rectangle-button and animated CTA treatments collected into one family. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/rectangle-buttons · 预览动画：https://threeui.com/previews/rectangle-buttons.webm > 分类：Buttons > 包含变体（22）：dark-pill、launch-button、dot-border-button、floating-dots-cta、sliding-text-cta、gradient-beam-cta、gradient-pill-button、generate-button、glassmorphism-cta、spinning-border-button、gradient-cta、lumen-cta、lumen-cta-ghost、trochil-signal、attune-thermal、tideform-outline、understory-arrow-pill、meridian-keycap-primary、meridian-keycap-secondary、halvorsen-arrow-pill、aster-glass-access、aster-glass-arrow /* ===== src/shaders/rectangle-buttons/RectangleButtons.tsx (tsx) ===== */ import { lazy, Suspense, type ComponentType, type LazyExoticComponent, type ReactNode } from "react"; import { DarkGlassButton as DarkGlassRectangle, type SectionCompositionProps, } from "../section-elements/SectionElements"; import type { LumenCtaProps } from "../lumen-cta/LumenCta"; import type { NeuformIsolatedEffectProps } from "../neuform-isolated/NeuformIsolatedEffects"; export type RectangleButtonVariant = | "dark-pill" | "launch-button" | "dot-border-button" | "floating-dots-cta" | "sliding-text-cta" | "gradient-beam-cta" | "gradient-pill-button" | "generate-button" | "glassmorphism-cta" | "spinning-border-button" | "gradient-cta" | "lumen-cta" | "lumen-cta-ghost" | "trochil-signal" | "at
……（完整源码请在站内查看）