Тёмный

Dynamic Cutout Border for Input Fields ❖ With Component Props 

Adriano Reis
Подписаться 877
Просмотров 2,1 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 12   
@stevemoore5531
@stevemoore5531 2 года назад
Just curious. Why not just make the text a frame, add auto layout, set background to white, and make it responsive instead of the masking and double layers?
@AdrianoReisDesign
@AdrianoReisDesign 2 года назад
Hey great question! If you know for sure the background will alway be the same color you can do that. But if it’s not a plain color you need it to be cutout like this, otherwise you’ll see the box
@stevemoore5531
@stevemoore5531 2 года назад
@@AdrianoReisDesign AH. I see. I had a feeling that might be the case. Great tip. I'll keep this in mind. Thanks for the quick response!
@MehmetKultigen-pu2vi
@MehmetKultigen-pu2vi 9 месяцев назад
Güzel video...
@patduss174
@patduss174 6 месяцев назад
Anyone know a hack to have dynamic layout with cutout? I'm trying to design a button where the text is cut out to show whatever background color is there behind the button.
@AdrianoReisDesign
@AdrianoReisDesign 6 месяцев назад
Hey Pat, what do you mean by "dynamic layout"? if i understand it correctly you should be able to use this same technique in a button
@patduss174
@patduss174 6 месяцев назад
@@AdrianoReisDesign What I'm trying to do with buttons is pretty much what you say can't be done with the input size @0:40 - I want to be able to put whatever text as a prop and the button resizes accordingly.
@AdrianoReisDesign
@AdrianoReisDesign 6 месяцев назад
@@patduss174 yeah unfortunately i don't know of a better way to do that
@massimomiliucci4350
@massimomiliucci4350 Год назад
Problem : Once I apply " subtract " , the " label mask " loose the auto layout property and becomes a simple frame :(
@AdrianoReisDesign
@AdrianoReisDesign Год назад
Hey, you should still be able to select the simple frame and convert it into an auto-layout frame by hitting let me know if that works!
@emi-ifefaluyi8399
@emi-ifefaluyi8399 Год назад
@@AdrianoReisDesign I have the same problem. Tried converting to auto layout again and it's like back to square one
@AdrianoReisDesign
@AdrianoReisDesign Год назад
@@emi-ifefaluyi8399 are you able to share a link where I can duplicate the file to my drafts?
Далее
Исповедь / Мася
2:47:10
Просмотров 115 тыс.
Please stop using px for font-size.
15:18
Просмотров 211 тыс.
Accordion in figma
9:16
Просмотров 525
Claude has taken control of my computer...
4:37
Просмотров 818 тыс.
Redesign for Higher Conversion: Examples
10:51
Просмотров 10 тыс.
Исповедь / Мася
2:47:10
Просмотров 115 тыс.