Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Changed buttons #12

Open
wants to merge 26 commits into
base: master
Choose a base branch
from
Open

Conversation

jordythevulder
Copy link
Contributor

@jordythevulder jordythevulder commented Dec 17, 2024

This prevents the outline button from also having a border-b.
Also changed general button styling. and added default variant:

image

Copy link
Member

@JimmyHoenderdaal JimmyHoenderdaal left a comment

Choose a reason for hiding this comment

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

You should also update the readme

Copy link
Member

@Roene-JustBetter Roene-JustBetter left a comment

Choose a reason for hiding this comment

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

Please update the readme and screenshot when changing components.

resources/views/components/input/input.blade.php Outdated Show resolved Hide resolved
@@ -180,7 +180,7 @@ function color(variable, fallback) {

<h2 class="font-bold text-lg">Button components</h2>
<div class="grid grid-cols-5 gap-5">
<x-rapidez::button>Button</x-rapidez::button>
Copy link
Member

Choose a reason for hiding this comment

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

The default button should stay?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The button.blade is used for base classes on all buttons. If you want a variant we recommend use the button you want to use, like button.outline, or button.conversion. This button doesnt have a background since it isn't a variant.

Copy link
Member

Choose a reason for hiding this comment

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

A variant with the default background would be nice to keep? For example pagination; we don't need a coloured variant there; but outline could be an option but the default button feels better.

Copy link
Member

Choose a reason for hiding this comment

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

Agree, probably we are not going to use the default button but it would be nice to have a background on it. I think for the pagination we still use primary or secondary.

Copy link
Member

Choose a reason for hiding this comment

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

This is already handled within #13 right?

@jordythevulder
Copy link
Contributor Author

I updated the screenshots. Within this PR and within the Readme

README.md Outdated
Comment on lines 68 to 69
emphasis: color('--border-emphasis', colors.slate[400]),
DEFAULT: color('--border', colors.slate[300]),
Copy link
Member

Choose a reason for hiding this comment

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

This should go in a separated PR, related: rapidez/core#699

README.md Outdated
@@ -34,6 +34,8 @@ The base button doesn't have any styling; here, we only use the `x-rapidez::tag`
- [Outline](https://github.com/rapidez/blade-components/blob/master/resources/views/components/button/outline.blade.php)
- [Conversion](https://github.com/rapidez/blade-components/blob/master/resources/views/components/button/conversion.blade.php)
- [Slider](https://github.com/rapidez/blade-components/blob/master/resources/views/components/button/slider.blade.php)
- [Muted](https://github.com/rapidez/blade-components/blob/master/resources/views/components/button/muted.blade.php)
Copy link
Member

Choose a reason for hiding this comment

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

This one doesn't and should not exist.

@jordythevulder jordythevulder changed the title Changed buttons and prevent scroll Changed buttons Jan 15, 2025
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.

4 participants