Make more MUI classes available for Buttons

[AAstridVH]

Make the MUI classes "Small", "Medium" and "Large" available for buttons.

https://mui.com/material-ui/react-button/

[FlorianJacta]

This issue comes from a user on Discord. It is quite hard to change the size of a button if you don't know CSS.

main.py:

from taipy import Gui 

buttons = """
<|Small|button|class_name=smallButton|>
<|Big|button|class_name=bigButton|>"
"""

Gui(buttons).run()

main.css:

.smallButton{
    min-height: unset;
    line-height: 1.2rem;
    padding: 0;
    font-size: 1rem;
    text-transform: initial;
}

.bigButton{
    min-height: unset;
    line-height: 3.6rem;
    padding: 0;
    font-size: 3rem;
    text-transform: initial;
}

Environment

Taipy 3.0.0

[Dljdd]

Hi, I can help with the implementation of this

[jrobinAV]

@Dljdd Thank you for your help.

[quest-bot]

New Quest!

A new Quest has been launched in @Avaiga’s repo.
Merge a PR that solves this issue to loot the Quest and earn your reward.

---

Some loot has been stashed in this issue to reward the solver!

🗡 Comment @quest-bot embark to check-in for this Quest and start solving the issue. Other solvers will be notified!

⚔️ When you submit a PR, comment @quest-bot loot #588 to link your PR to this Quest.

Questions? Check out the docs.

[ArjunCodess]

@quest-bot embark

[quest-bot]

@ArjunCodess has embarked on their Quest. 🗡

• @ArjunCodess has been on GitHub since 2023.
• They have merged 3 public PRs in that time.
• Their swords are blessed with CSS and JavaScript magic ✨
• They haven't contributed to this repo before.

This is not an assignment to the issue. Please check the repo’s contribution guidelines before submitting a PR.

Questions? Check out the docs.

[Dljdd]

@quest-bot embark

[quest-bot]

@Dljdd has embarked on their Quest. 🗡

• @Dljdd has been on GitHub since 2020.
• They have merged 6 public PRs in that time.
• Their swords are blessed with Python and Jupyter Notebook magic ✨
• They haven't contributed to this repo before.

This is not an assignment to the issue. Please check the repo’s contribution guidelines before submitting a PR.

Questions? Check out the docs.

[Rishi-0007]

Hi @jrobinAV , could you please assign this to me?

[FlorianJacta]

You are now assigned @Rishi-0007

[Ryadav0654]

Hi @FlorianJacta ,
I would like to work on this issue. Could you please assign it to me?
Thank you!

[FlorianJacta]

Assigned!

[Shayan12456]

i am working on it!

[VivekKrYadav2078]

I would like to work on it, and I think I can solve it .Can you please assign this issue to me?
And as a first time contributor to this ,I need some help and guidance.

[FlorianJacta]

You are assigned @VivekKrYadav2078

[JeevaRamanathan]

Hi @FlorianJacta, I would like to work on this issue

[quest-bot]

🧚 @JeevaRamanathan has submitted PR #2159 and is claiming the loot.

Keep up the pace, or you'll be left in the shadows.

cc @ArjunCodess
@Dljdd

Questions? Check out the docs.