Size: a a a

2020 September 24

ER

Eric Rovell in Svelte [svelt]
Идея, наверное, просто идиотская, а если запилить один компонент через множество if?)
источник

ER

Eric Rovell in Svelte [svelt]
и через пропс получать нужную
источник

A

Arushwl in Svelte [svelt]
Eric Rovell
Идея, наверное, просто идиотская, а если запилить один компонент через множество if?)
+ делал так, если дифов не много 👌🏻
источник

ER

Eric Rovell in Svelte [svelt]
Arushwl
+ делал так, если дифов не много 👌🏻
Насколько немного?)
источник

A

Arushwl in Svelte [svelt]
Ну у меня 10 чтоли
источник

ER

Eric Rovell in Svelte [svelt]
Есть иконки, которые появляются только в футере, попробую тогда для них так. Ибо, иначе {#each} нормально не использовать)
источник

КС

Кирилл Спасибович... in Svelte [svelt]
https://medium.com/javascript-in-plain-english/how-to-add-customizable-svg-icons-in-svelte-js-app-488648d302c8
вот это присылали, такое не катит?

для размера бандла не существенно, ибо это всего лишь +1 компонент
источник

AP

Alexander Ponomarev in Svelte [svelt]
выглядит очень криво, если у тебя в иконке два паса то шо делать
источник

AP

Alexander Ponomarev in Svelte [svelt]
уж проще весь текст свг туда передавать, тримить с текста внешний тег а все остальное вставлять в свой свг тег с пропсами. А кастомизацию цвета делать через currentColor
источник

ER

Eric Rovell in Svelte [svelt]
Alexander Ponomarev
выглядит очень криво, если у тебя в иконке два паса то шо делать
Да да да :) Я нашел эту статью, обрадовался, но по причине, что у иконок может быть более разношерстная структура - выбросил идею. Хотя для легких и однотипных иконок очень здравая идея
источник

ON

Oleg N in Svelte [svelt]
Кирилл Спасибович
https://medium.com/javascript-in-plain-english/how-to-add-customizable-svg-icons-in-svelte-js-app-488648d302c8
вот это присылали, такое не катит?

для размера бандла не существенно, ибо это всего лишь +1 компонент
ну вот, а можно было бы просто передать класс
источник

AP

Alexander Ponomarev in Svelte [svelt]
Oleg N
ну вот, а можно было бы просто передать класс
думаю тут не сильно помогло бы) разве что height width проставить и позиционирование. Обычно иконкам нужно только цвет менять, а это проще делать через цвет шрифта, а в свг прописывать на этапе добавления в проект вместо fill="#fff" -> fill="currentColor". Цвет шрифта наследуемое свойство его необязательно на самой свг задавать

Для более сложных случаев из свг уже проще сделать реальный компонент и работать с каждой нодой точечно
источник

ON

Oleg N in Svelte [svelt]
Alexander Ponomarev
думаю тут не сильно помогло бы) разве что height width проставить и позиционирование. Обычно иконкам нужно только цвет менять, а это проще делать через цвет шрифта, а в свг прописывать на этапе добавления в проект вместо fill="#fff" -> fill="currentColor". Цвет шрифта наследуемое свойство его необязательно на самой свг задавать

Для более сложных случаев из свг уже проще сделать реальный компонент и работать с каждой нодой точечно
пропертями только и приходится выкручиваться,
пример сделал, вообще там много чего можно было бы передать

https://malinajs.github.io/repl/#/share/5f6c803fcda0ea00171ad766
источник

AP

Alexander Ponomarev in Svelte [svelt]
Это работает только с одной конкретной иконкой которая под это заточена. Поменяй иконку и все стили надо переписывать. Я уже работал с переопределением fill/stroke через цсс у иконок, потом наступает неизбежный этап унификации и это будет рассыпаться)

Гораздо проще определить для иконок границы кастомизации типа: все иконки одноцветные и можно менять только цвет. Тогда будет счастье. Любые свг которые не поддаются этому правилу делаются другим способом.
источник

AP

Alexander Ponomarev in Svelte [svelt]
Каждому конечно по своему, но по моему опыту лучше в кишки свг через цсс не лазить)
источник

К

Константин in Svelte [svelt]
тэкс, у меня вопрос, а возможно ли забиндить значение инпута на значение стора?
источник

К

Константин in Svelte [svelt]
на свойство объекта в сторе
источник

DK

Dan Kozlov in Svelte [svelt]
Константин
тэкс, у меня вопрос, а возможно ли забиндить значение инпута на значение стора?
Можно
источник

К

Константин in Svelte [svelt]
а как это будет выглядеть?
источник

К

Константин in Svelte [svelt]
типа:
источник