FallenBlade | Stripe Developers | Page 1

grizzled laurelBOT Apr 3, 2023, 1:04 PM

#

buoyant jay Apr 3, 2023, 1:05 PM

#

Unfortunately not, that call has to be made from the backend

#

Then you can pass that data to the frontend from there

daring minnow Apr 3, 2023, 1:11 PM

#

Okay, got it. Thanks for the info.

#

Is it possible to disable the label here?

buoyant jay Apr 3, 2023, 1:30 PM

#

Is that part of the payment element?

#

You can pass never in to this argument when creating the element https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-fields-billingDetails-address-postalCode

Stripe JS Reference

daring minnow Apr 3, 2023, 1:38 PM

#

I mean, the label itself (the appearance)

#

Is that possible?

buoyant jay Apr 3, 2023, 1:40 PM

#

Oh I gotcha, unfortunately not sure on that. Looking in to that and will get back to you

buoyant jay Apr 3, 2023, 2:02 PM

#

Hey apologies for the delay. I did find that you can affect these labels via our appearance API https://stripe.com/docs/elements/appearance-api?platform=web#form-inputs---labels-above

#

But was having trouble finding specifically how to hide them

daring minnow Apr 3, 2023, 2:29 PM

#

Thanks! I'm currently stuck in adjusting the padding of the input, is this the right way in adjusting the padding of the Input:

  const appearance = {
    theme: 'stripe',
    labels: 'floating',
    variables: {
      colorPrimary: '#0A023D',
      colorBackground: '#ffffff',
      colorText: '#333333',
      colorDanger: '#A30000',
      fontFamily: 'Varela Round, system-ui, sans-serif',
      borderRadius: '100px',
      // spacingUnit: '3px',
      spacingGridColumn: '15px',
      spacingGridRow: '15px',
    },
    rules: {
      '.Input': {
        paddingTop: '10px',
        paddingBottom: '10px',
        paddingLeft: '20px',
        paddingRight: '20px',
        border: '2px solid #0a023d',
      },
     
    
    }
  };

#FallenBlade