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

Add extra large button size #3696

Closed
tobiasdiez opened this issue Sep 8, 2022 · 4 comments
Closed

Add extra large button size #3696

tobiasdiez opened this issue Sep 8, 2022 · 4 comments
Labels
feature request New feature or request

Comments

@tobiasdiez
Copy link

This function solves the problem (这个功能解决的问题)

Sometimes one needs buttons that are larger than what size="large" produces.

Expected API (期望的 API)

<n-button size="extra-large">
      Not Not Not Small
</n-button>
@07akioni
Copy link
Collaborator

If you need a larger one, you can customize it by theme-overrides or CSS. We won't provide a larger builtin one since it's seldom used in most cases.

@tobiasdiez
Copy link
Author

Having something like a bigger "Download" button (or a similar "entrance") on the front page seems to be quite common, but okay...

How does one change the size of the button? Something like <n-button type="primary" class="h-16"> doesn't seem to work as the button class overwrites the height class.

@07akioni
Copy link
Collaborator

07akioni commented Oct 4, 2022

Having something like a bigger "Download" button (or a similar "entrance") on the front page seems to be quite common, but okay...

How does one change the size of the button? Something like <n-button type="primary" class="h-16"> doesn't seem to work as the button class overwrites the height class.

Try this
image

@tobiasdiez
Copy link
Author

Thanks, that solution is also very reusable to ensure consistency.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants