No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Capitalization of q-btn label

    Help
    2
    4
    3409
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • L
      limjackson last edited by

      If you want to change the capitalization of the label in QBtn, what’s the best way to go around it?

      Currently, I have it as

      <q-btn
        class="capitalize !important"
        label="Button"
      />
      

      Works for both mat and ios themes but I’m wondering if there is actually a recommended way to handle this? Thanks!

      1 Reply Last reply Reply Quote 0
      • nothingismagick
        nothingismagick last edited by

        Do you mean all-caps or first-letter caps?

        L 1 Reply Last reply Reply Quote 0
        • L
          limjackson @nothingismagick last edited by limjackson

          @nothingismagick Preferbly without any post-formatting. Because currently, if built with the material theme, it defaults to All Caps. I know you can add in the lowercase or uppercase class if you want all lowercases or all uppercases respectively. The current way I do it works but I’m not sure if it’s the right way to go about it

          1 Reply Last reply Reply Quote 0
          • L
            limjackson last edited by limjackson

            I think I found the answer. It was actually in the documentation for Buttons (fml…) just put no-caps in it

            <q-btn
              no-caps
              label="wTv"
            />
            
            1 Reply Last reply Reply Quote 2
            • First post
              Last post