Comments (6)
I am wondering if, instead of Icon
, we should just allow Html
in such cases. Icon
transforms into Html
anyway.
from patternfly-yew.
Just because I again noticed it, GitHub also uses SVGs 😬
from patternfly-yew.
What are the advantages to having icons that aren't fixed width?
Sometimes the better match into the flow of … text :)
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.
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.
PNGs even. Weird.
<img class="emoji" alt="+1" height="20" width="20" src="https://github.githubassets.com/assets/1f44d-41cb66fe1e22.png">
from patternfly-yew.
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)
- Selectable cards always select the first one HOT 1
- NavRouterItem not working with yew_nested_router HOT 2
- [Discussion] `data-test` property on components HOT 4
- Constant ID updates HOT 1
- Rethink keys in tables HOT 3
- [Discussion] New Table implementation
- error[E0277]: the trait bound `Bullseye: yew::Component` is not satisfied HOT 3
- Page Masthead and horizontal navigation HOT 5
- autofocus=true focuses the field when other form fields are edited HOT 7
- Provide an integration story for yew-icons
- [table]: Allow exanding rows, redrawing only the toggled row HOT 3
- Hover effects for clickable Cards HOT 1
- `UseStateHandle` created outside of a backdrop does not trigger a rerender inside the backdrop HOT 2
- Keyboard navigation
- Info: Implemented components
- Callback/event handler signatures HOT 9
- [Discussion] Specification of SearchInput advanced search attribute parsing HOT 4
- Release 0.5.0 HOT 3
- [Disucssion] handling the "middle" truncation option HOT 8
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from patternfly-yew.