Git Product home page Git Product logo

Comments (6)

ctron avatar ctron commented on July 2, 2024 1

I am wondering if, instead of Icon, we should just allow Html in such cases. Icon transforms into Html anyway.

from patternfly-yew.

ctron avatar ctron commented on July 2, 2024 1

Just because I again noticed it, GitHub also uses SVGs 😬
image

from patternfly-yew.

ctron avatar ctron commented on July 2, 2024

What are the advantages to having icons that aren't fixed width?

Sometimes the better match into the flow of … text :)

image

I had some major issues with SVG icons here. Getting them aligned. So I reverted back to font based icons.

Regarding the other questions, I think it makes sense to let users provide their own icons. Instead of forcing them into using Icon. I still think that we should use the Icon, but only when it's useful.

For this specific case I think it should be possible to add a style using Icon::with_style and add the required 1em there.

In general I think it makes sense to let user provide their own icons. But also find a balance between adding a good variety of icons, but not increasing the size or loading time too much.

from patternfly-yew.

aDogCalledSpot avatar aDogCalledSpot commented on July 2, 2024

Sometimes the better match into the flow of … text :)

That makes a lot of sense 😆

For this specific case I think it should be possible to add a style using Icon::with_style and add the required 1em there.

Needs an additional display:block but works.

In general I think it makes sense to let user provide their own icons

So we should implement props for doing this? I could add this to the dual list selector.

from patternfly-yew.

aDogCalledSpot avatar aDogCalledSpot commented on July 2, 2024

PNGs even. Weird.

<img class="emoji" alt="+1" height="20" width="20" src="https://github.githubassets.com/assets/1f44d-41cb66fe1e22.png">

from patternfly-yew.

ctron avatar ctron commented on July 2, 2024

But, there's a bunch of good icon sets out there. Font based or SVG based, I think we should be able to use all of them. For example: https://github.com/finnbear/yew_icons (not a how of the API, but still)

from patternfly-yew.

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.