Skip to content

Added danger secondary type for Buttons#100

Merged
DerekAgility merged 1 commit intomainfrom
dlo/button-danger-secondary
Dec 9, 2025
Merged

Added danger secondary type for Buttons#100
DerekAgility merged 1 commit intomainfrom
dlo/button-danger-secondary

Conversation

@DerekAgility
Copy link
Contributor

@DerekAgility DerekAgility commented Dec 9, 2025

Changes in this PR

  • Updated paddings for all button sizes so that they are consistent
  • Added a new danger-secondary button type

To test

  1. Go to the preview build
  2. Look for the new DangerSecondaryButton
  3. Ensure that all the states matches up with the design

@vercel
Copy link

vercel bot commented Dec 9, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
plenum-ui Ready Ready Preview Comment Dec 9, 2025 5:36pm

type="button"
className={cn(
"inline-flex items-center justify-center gap-x-2 rounded-[3px] !ring-offset-white outline-none focus-visible:ring-2 focus-visible:ring-purple-600 focus-visible:ring-offset-2 focus-within:ring-2 focus-within:ring-purple-600 focus-within:ring-offset-2 focus:ring-2 focus:ring-purple-600 focus:ring-offset-2 active:ring-2 active:ring-purple-600 active:ring-offset-2 transition-all",
" px-4 py-2 inline-flex items-center justify-center gap-x-2 rounded !ring-offset-white outline-none focus-visible:ring-2 focus-visible:ring-purple-600 focus-visible:ring-offset-2 focus-within:ring-2 focus-within:ring-purple-600 focus-within:ring-offset-2 focus:ring-2 focus:ring-purple-600 focus:ring-offset-2 active:ring-2 active:ring-purple-600 active:ring-offset-2 transition-all",
Copy link
Contributor Author

@DerekAgility DerekAgility Dec 9, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Made the padding consistent here across sizes based and also made border radius 4px instead of 3px based on advice from Terrence

Comment on lines +188 to +190
"border-gray-300 border bg-white text-red-600 hover:bg-red-50 focus-visible:!ring-red-500 focus:!ring-red-500 active:bg-red-100 active:ring-red-500 focus-within:!ring-red-500 disabled:bg-white disabled:text-red-300 disabled:!ring-0 disabled:focus-visible:ring-0":
actionType === "danger-secondary"
},
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Styles for the new button type

Copy link
Contributor

@jules-exel jules-exel left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

great work!

@DerekAgility DerekAgility merged commit 4dca0ae into main Dec 9, 2025
4 checks passed
@DerekAgility DerekAgility deleted the dlo/button-danger-secondary branch December 9, 2025 19:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants