Text

overflow.text(options: CustomTextElementOptions): CustomTextElement

const message = overflow.text({
  name: 'giftMessage',
  label: 'Gift message (optional)',
  placeholder: 'Add a personal note',
  autocomplete: 'off',
});

message.on('onChange', ({ value, complete }) => console.log(value, complete));
message.mount('#gift-message');

type CustomTextValue = string | null;

overflow.checkout({
  paymentMethods: ['card'],
  customElements: {
    giftMessage: { elementType: 'text', label: 'Gift message (optional)' },
  },
});