day-dr33m_appearance-api | Stripe Developers | Page 1

elder mortarBOT May 7, 2024, 1:00 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1237388712447574016

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

fading ivy May 7, 2024, 1:05 PM

#

Hi there 👋 looking through our appearance examples, offhand I think it may not be. To clarify, you're saying you'd want your labels to have a background that is different than the overall background of your site?

analog hound May 7, 2024, 1:09 PM

#

Well what I am trying to do is mimic the mui style of input. Where the label is placed on the top line with a white background, as to not allow the line to show through that portion

#

I have tried the same with a floating label, as that would make more sense. but then thought it would just be easier to start with adding a background color to a regular label then adapting that

#

#

as you can see the label "Outlined"

fading ivy May 7, 2024, 1:17 PM

#

Gotcha, sorry, I don't know whether that appearance is specifically achievable. If it is the Appearance API that you're using is the right way to do it, and would recommend exploring the options that it makes available to you to see if you can build what you want.

analog hound May 7, 2024, 1:19 PM

#

Is there anyone else I might be able to reach out to?

#

Would it be possible to maybe add some sort of font stroke color even? I think if that would be possible, maybe a white font stroke would work

fading ivy May 7, 2024, 1:23 PM

#

No, we don't have someone that is familiar with the behavior of specific inputs/variables for the Appearance API around. What is a "font stroke"?

analog hound May 7, 2024, 1:24 PM

#

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke-color

MDN Web Docs

-webkit-text-stroke-color - CSS: Cascading Style Sheets | MDN

The -webkit-text-stroke-color CSS property specifies the stroke color of characters of text. If this property is not set, the value of the color property is used.

#

this shows an example under results

fading ivy May 7, 2024, 1:26 PM

#

I'm not finding anything mentioning stroke when searching through our doc of available variables for you to leverage.

analog hound May 7, 2024, 1:28 PM

#

I believe this is the last thing I need to make the payment element match my styling, I'm just not sure where to go to figure it out at this point

#

I have looked though: https://docs.stripe.com/elements/appearance-api

Elements Appearance API

Customize the look and feel of Elements to match the design of your site.

fading ivy May 7, 2024, 1:39 PM

#

You're definitely looking in the right spot then, if it's not in there, it may not be supported yet.

analog hound May 7, 2024, 1:45 PM

#

seems like adding .Label as an option to backgroundColor would be the way to go.

elder mortarBOT May 7, 2024, 1:46 PM

#

day-dr33m_appearance-api

analog hound May 7, 2024, 1:47 PM

#

it sounds like i'm stuck then? no one that you can escalate to? it would seem as if it's something that has been requested before, there has to be some sort of solution, no? even if it's something creative

fading ivy May 7, 2024, 1:49 PM

#

If you're not able to find a parameter within our Appearance API that accomplishes what you're after, then yes I believe so. I can absolutely file your feedback with our teams if that is the case, for them to consider adding this in the future. We don't really help with customizing appearances or theming, aside from making sure you're away that the Appearance API is the correct way to make those adjustments, and the server is too busy for me to sit down and try out every variable looking for what you're describing.

analog hound May 7, 2024, 1:51 PM

#

Understood, I believe at the current time, it's not something that I have control over. Maybe adding this option for .Label would be easiest...?

#

I'll keep looking through the web to see if I can find anything that someone else may have done to accomplish this. Otherwise, this page will be a complelty different style than the rest 😆

#

Let me know if there is anyway I can become informed if they decide to add this

fading ivy May 7, 2024, 2:02 PM

#

Gotcha, so you'd be interested in seeing Labels be given backgrounds along with full control over the size/placement/color/etc of those backgrounds. I'll be sure to get that filed. The only approach I'm aware of for signing up to receive updates about changes, is via the Sign up for developer updates field at the bottom of our docs pages, but I'm not exactly sure what updates that subscribes you to.

analog hound May 7, 2024, 2:03 PM

#

Sounds good, I'll do that

#

Thanks for all your help today

fading ivy May 7, 2024, 2:04 PM

#

Any time! Sorry I didn't have a better answer for you this time.

analog hound May 7, 2024, 2:06 PM

#

no worries

#

Labels be given backgrounds along with full control over the size/placement/color/etc of those backgrounds

I think mainly control of Label background color. I believe I can control the other attributes already.

#

If that helps

#

ie. making it a smaller request for the devs in hopes they do it 😆

#day-dr33m_appearance-api