Button47Version
v1.0.0
Version
v1.0.0
Clipped-corner buttons in Primary, Secondary and Ghost styles, with an indigo and lime palette, pale bevel borders, and an animated hover sweep. This Payload layout block supports structured links and optional Lucide icons before or after the label.
Version
v1.0.0
Updated
Sep 15, 2026
License
Single Site
Framework
Next.js
Install via Pro CLI
Requires an active Pro subscription and license API authentication. The browser preview does not expose the sellable source files.
Sign in to access CLIDocumentation
Styles and interaction
Primary, Secondary and Ghost variants support left, centre and right alignment. Each button can show a Lucide icon before or after its label. Motion handles the entrance animation and the accordion-style hover sweep respects reduced-motion preferences.
Links and demo behaviour
The block supports internal Payload page references and custom URLs. Every button on the Dusted Blocks Demo showcase uses an on-page anchor and stays on the demo page.
Dependencies and setup
Requires @mui/material, @mui/material-nextjs, @emotion/react, @emotion/styled, @emotion/cache, motion and lucide-react, plus the shared Payload link field and Lucide icon-picker field. Register Button47 in Pages and RenderBlocks and use the MUI App Router cache provider. No published CLI installation command is provided for this block yet.
Preview availability
The Button47 showcase and configuration are verified in the local Dusted Blocks Demo project. The hosted /button47 and /backend-preview/button47 routes require deployment of the latest demo build.
