Corner Button

Corner Button is a button in the UI HUB buttons collection. A button whose corner brackets slide around the edges with a radial laser-glow burst on hover, with a logo mark on the left and an action icon on the right.

The component is driven by 8 documented props (children, icon, accentColor, showTitleImage, titleImage, titleImageAlt and 2 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: useId-scoped <style> block; Four absolute-positioned corner brackets; Radial-gradient glow on hover.

Preview the button in the browser above, copy the source, and paste it into your project. Buttons components in UI HUB are grouped by category so you can compare effects side by side before choosing one.