arti-villa_code | Stripe Developers | Page 1

frozen doveBOT Jan 22, 2025, 10:00 AM

#

👋 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/1331564141344854047

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

#

placid fulcrum Jan 22, 2025, 10:02 AM

#

Hi, let me help you with this.

vague kelp Jan 22, 2025, 10:03 AM

#

thanks

placid fulcrum Jan 22, 2025, 10:05 AM

#

You mean so the labels are inside of the input container, and not outside?

vague kelp Jan 22, 2025, 10:06 AM

#

yes. if you add the labels: 'floating' they are inside which is intentional. but instead of having it float up on focus, i want it to stay in that position for all forms. in this screenshot, I've focused in on the 'address' field.

placid fulcrum Jan 22, 2025, 10:08 AM

#

I understand. Let me check...

#

You have to somehow make sure .Label--floating class is always applied to all inputs: https://docs.stripe.com/elements/appearance-api#form-inputs---floating-labels

#

I don't think there's a built in way to make this happen. But you can play around with the provided classes of Appearance API to achieve the result you're looking for: https://docs.stripe.com/elements/appearance-api#form-inputs---floating-labels

vague kelp Jan 22, 2025, 10:24 AM

#

yeah I think i sort of managed to figure out i need to tweak

    '.Label--resting': {
      transform: 'scale(0.2) translateY(-35px)',
      padding: '0 4px',
      marginTop: '-4px',
    },

#

how do i find what's the base styles for theme: flat?

#

should I keep asking in this thread or open another thread for future questions?

placid fulcrum Jan 22, 2025, 10:27 AM

#

You can ask here for now. After the thread is closed you can create a new one in #help.

placid fulcrum Jan 22, 2025, 10:28 AM

#

vague kelp how do i find what's the base styles for theme: flat?

It's a good question. Let me check if they're available anywhere.

#

I don't think they're documented. It's probably best to apply the theme and inspect in DevTools.

#arti-villa_code