Giter Site home page Giter Site logo

icon size about materialdesign-react HOT 8 CLOSED

templarian avatar templarian commented on July 21, 2024
icon size

from materialdesign-react.

Comments (8)

Templarian avatar Templarian commented on July 21, 2024 1

Since you're passing a string it will continue to work the same after the changes go out for v1.0.0. Your feedback along with 2 others convinced me we should change the default functionality in the final release, so thanks!

from materialdesign-react.

fibo avatar fibo commented on July 21, 2024 1

@Templarian thanks, I am going to check it out. I will probably using your package in production at my new job, just in few minutes I am going to discuss about some proposal and among many others there will be this package.

Ahah I was like cause it was what I was looking for and it was just created, I putted like the fifth star on GitHub.

Thanks for sharing your software and for your passion, I hope you can find useful some packages I shared or at least I will try to contribute with feedbacks and maybe PRs.

Have a nice day,
Gianluca.

from materialdesign-react.

Templarian avatar Templarian commented on July 21, 2024

@fibo We make the assumption that most users use a base rem size of 16px. 16 * 1.5 = 24px the native 1:1 size for people on older screens this should look best.

You can also pass a string to the size. So you could put any value you want. size={'1.5em'} for example.

Hopefully that reasoning makes sense. It's mostly to accommodate 95% of users, but allows the 5% to use a string.

from materialdesign-react.

Templarian avatar Templarian commented on July 21, 2024

So in your wrapper, simply put size={`${size}rem`}, is what I mean.

from materialdesign-react.

Templarian avatar Templarian commented on July 21, 2024

Chatting with the team about this, we're going to remove the default setting of 1 and make it unset.

Small breaking change for existing users, but probably best to handle this in CSS.

from materialdesign-react.

Templarian avatar Templarian commented on July 21, 2024

Okay, we've decided to bundle this breaking change into v1.0.0 along side the release of <Stack/> component that will be bundled with <Icon/>.

from materialdesign-react.

fibo avatar fibo commented on July 21, 2024

Thanks for the answer and support, I also opted for passing a string.

from materialdesign-react.

Templarian avatar Templarian commented on July 21, 2024

@fibo By the way v1.0.0 released with this change (and lots of other updates). 😺

from materialdesign-react.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.