CustomStyleプロパティ
DEUNAのウィジェットにおける、サポートされているCustomStyleオブジェクト、プロパティパス、値の種類、およびそれらの効果を検索します。
このページを、画面を構築する際にフィールドの参照として使用してください。 CustomStyle オブジェクトのプロパティは、影響を受けるウィジェットの要素ごとにグループ化されており、一度に1つの実装領域を確認できます。
テーマと共有コントロール#
| プロパティ | Type | 説明 |
|---|---|---|
theme | Object | グローバルな色、タイポグラフィ、入力、ボタンの設定。 |
theme.typography.primaryFontFamily | String | ウィジェット用の主要なフォント。 |
theme.colors.primaryTextColor | String | 主要なテキストの色。 |
theme.colors.backgroundSecondary | String | 二次的な背景色、例えばOTPの表示などで使用。 |
theme.colors.backgroundPrimary | String | 主要な背景色。 |
theme.colors.buttonPrimaryFill | String | 主要なボタンの塗りつぶし色。 |
theme.colors.buttonPrimaryHover | String | ホバー時のプライマリボタンの色。 |
theme.colors.buttonPrimaryActive | String | アクティブ時のプライマリボタンの色。 |
theme.colors.inputBorder | String | デフォルト状態での入力フィールドの境界線の色。 |
theme.colors.inputBorderError | String | エラー状態での入力フィールドの境界線の色。 |
theme.colors.inputEnhancerFill | String | フォーカス状態での入力フィールドの入力補助領域の背景色。 |
theme.colors.inputBorderPositive | String | 成功状態での入力フィールドの境界線の色。 |
theme.buttons.borderRadius | String | ボタンの境界線の半径。 |
theme.inputs.borderRadius | String | 入力フィールドの境界線の半径。 |
theme.inputs.inputMode | String | 動作仕様: validated, clearable、または none. |
ヘッダーおよびコンテキスト情報#
| プロパティ | Type | 説明 |
|---|---|---|
HeaderPattern | Object | ヘッダーコンポーネントのオーバーライド。 |
HeaderPattern.overrides | Object | ヘッダーコンポーネントのオーバーライドを含む。 |
HeaderPattern.overrides.Logo | Object | ロゴコンポーネントの設定。 |
HeaderPattern.overrides.Logo.props.url | String | ヘッダーに表示されるロゴのURL。 |
HeaderPattern.overrides.Logo.props.style | Object | ロゴのインライン寸法とスタイル。 |
HeaderPattern.overrides.Logo.props.position | String | ロゴの配置: left または center. |
CardInfoPattern | Object | カード情報のコンテンツ。 |
CardInfoPattern.title | String | カード情報セクションのタイトル。 |
CardInfoPattern.subtitle.content | String | サブタイトル。 |
UpperTagPattern | Object | ウィジェットヘッダーの下に表示される情報タグ。 |
UpperTagPattern.title | String | 上部のタグのタイトル。 |
UpperTagPattern.description | String | 上部のタグの説明。 |
UpperTagPattern.iconColor | String | 上部のタグのアイコンの色。 |
UpperTagPattern.style | Object | テキストの色、ボックスシャドウ、上部のマージン、および背景色のなどのスタイル。 |
LowerTagPattern | Object | 法的テキストと支払いボタンの上にある情報タグ。 |
LowerTagPattern.title | String | 下部のタグのタイトル。 |
LowerTagPattern.description | String | 下部のタグの説明。 |
LowerTagPattern.iconColor | String | 下部のタグのアイコンの色。 |
LowerTagPattern.style | Object | テキストの色、ボックスシャドウ、および背景色のなどのスタイル。 |
保存されたカード#
| プロパティ | Type | 説明 |
|---|---|---|
UserCardPattern | Object | 保存されたカードの管理に関する翻訳と設定。 |
UserCardPattern.translations.en | Object | 保存されたカードコンポーネントの英語翻訳。 |
UserCardPattern.translations.en.addNewCard.info | String | 「新しいカードを追加」オプションのテキスト。 |
UserCardPattern.translations.en.moreOptions.payWith | String | 「支払い」オプションのテキスト。 |
UserCardPattern.translations.en.paymentMethods.seeAllMyCards | String | すべての保存されたカードを表示するテキスト。 |
UserCardPattern.translations.en.paymentMethods.expiredCard | String | 有効期限切れのカードを示すテキスト。 |
UserCardPattern.translations.en.paymentMethods.warningExpiredCard | String | 有効な支払い方法を選択するように顧客に求める警告。 |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodTitle | String | カード削除の確認タイトル。 |
UserCardPattern.translations.en.paymentMethods.deleteMainText | String | 削除アクションのメインテキスト。 |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodAccept | String | 確認ボタンのテキスト。 |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodCancel | String | キャンセルボタンのテキスト。 |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethod | String | 削除は元に戻せないことを説明するメッセージ。 |
支払い方法のフォーム#
| プロパティ | Type | 説明 |
|---|---|---|
PaymentMethodsPattern | Object | 支払い方法入力の翻訳と設定。 |
PaymentMethodsPattern.translations.inputs.card.cardNumber.label | String | カード番号フィールドのラベル。 |
PaymentMethodsPattern.translations.en.inputs.card.cardNumber.placeholder | String | カード番号のプレースホルダー。 |
PaymentMethodsPattern.translations.en.inputs.card.cardHolder.label | String | カード名フィールドのラベル。 |
PaymentMethodsPattern.translations.en.inputs.card.cardHolder.placeholder | String | カード名のプレースホルダー。 |
PaymentMethodsPattern.translations.en.inputs.card.expirationDate.label | String | 有効期限フィールドのラベル。 |
PaymentMethodsPattern.translations.en.inputs.card.expirationDate.placeholder | String | 有効期限のプレースホルダー。 |
PaymentMethodsPattern.translations.en.inputs.card.securityCode.label | String | セキュリティコードフィールドのラベル。 |
PaymentMethodsPattern.translations.en.inputs.card.installment.label | String | 分割払いフィールドのラベル。 |
PaymentMethodsPattern.translations.en.inputs.card.installment.pay_by | String | 分割回数の導入テキスト。 |
PaymentMethodsPattern.translations.en.inputs.card.installment.first_pay | String | 初回支払いテキスト。 |
PaymentMethodsPattern.translations.es.inputs.card.installment.without_interest | String | 金利なしテキスト。 |
PaymentMethodsPattern.translations.en.inputs.card.installment.without_installments | String | 分割なしテキスト。 |
PaymentMethodsPattern.translations.en.inputs.card.installment.loading | String | 分割払い処理中の表示テキスト。 |
PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.title | String | カスタムカードフォームのタイトル。 |
PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.subtitle | String | カスタムカードフォームのサブタイトル。 |
cardHolder | Object | カード名のフィールド設定。 |
cardHolder.label | String | カスタムカード名のフィールドラベル。 |
installment | Object | 分割フィールドのラベル。 |
installment.label | String | カスタム分割フィールドのラベル。 |
installment.withoutInstallments | String | 分割払い不可の場合に表示されるテキスト。 |
法的テキストと支払いアクション#
| プロパティ | Type | 説明 |
|---|---|---|
TermsConditionsPattern | Object | 利用規約とプライバシー設定。 |
TermsConditionsPattern.showForGuest | Boolean | ゲストユーザーに法的テキストを表示。 |
TermsConditionsPattern.showForAuth | Boolean | 認証済みユーザーに法的テキストを表示。 |
TermsConditionsPattern.legalMessage | String | カスタムの法的告知文。 |
TermsConditionsPattern.connectorText | String | 法的リンク間の接続。 |
TermsConditionsPattern.hideCompanyDisclaimer | Boolean | 会社免責事項の非表示。 |
TermsConditionsPattern.termsAndConditionsUrl | String | 利用規約のURL。 |
TermsConditionsPattern.privacyPolicyUrl | String | プライバシーポリシーのURL。 |
PaymentButtonPattern | Object | 決済ボタンのラベル、コンテンツ、およびスタイル設定。 |
PaymentButtonPattern.label | String | 決済ボタンのテキスト。 |
PaymentButtonPattern.showOrderTotal | Boolean | 決済フォームに注文合計を表示する。 |
PaymentButtonPattern.styles | Object | 決済ボタンのスタイル。 |
PaymentButtonPattern.styles.padding | String | 決済ボタンのパディング。 |
PaymentButtonPattern.styles.borderRadius | String | 決済ボタンのボーダー半径。 |
PoweredByPattern | Object | "Powered by" の免責事項設定。 |
PoweredByPattern.hide | Boolean | "Powered by DEUNA" のマークを非表示にする。 |
PoweredByPattern.hidetext | Boolean | "Powered by" のテキストを非表示にする。 |
PoweredByPattern.url | String | 代替ロゴのURL。 |
PoweredByPattern.imageStyle | Object | 代替ロゴの寸法とスタイル。 |
結果ページ#
| プロパティ | Type | 説明 |
|---|---|---|
ThankYouView | Object | 感謝表示ページの翻訳と設定。 |
ThankYouView.translations.en.thankYouPage.status.succeeded | String | 正常な決済後に表示されるメッセージ。 |
ThankYouView.translations.en.thankYouPage.status.pending | String | 決済が処理中であることを示すメッセージ。 |
ThankYouView.translations.en.thankYouPage.status.denied | String | 決済が拒否された場合に表示されるメッセージ。 |
ThankYouView.overrides.Body.props.title | String | 感謝表示のタイトル。 |
ThankYouView.overrides.Actions.props.hideDownloadAction | Boolean | レシートダウンロードアクションを非表示にする。 |
ThankYouView.overrides.Actions.props.hideBackToCommerceAction | Boolean | ストアに戻るアクションを非表示にする。 |
ThankYouView.overrides.Actions.props.downloadText | String | レシートダウンロードボタンのテキスト。 |
ThankYouView.overrides.Actions.props.backText | String | ストアに戻るボタンのテキスト。 |
VoucherPage | Object | 代替決済方法でのバウチャーページの構成。 |
VoucherPage.apmName.overrides.Header.props.title | String | バウチャーのヘッダータイトル。 |
VoucherPage.apmName.overrides.Header.props.subtitle | String | バウチャーのヘッダーサブタイトル。 |
VoucherPage.apmName.overrides.Header.props.referenceTitle | String | 決済参照ラベル。 |
VoucherPage.apmName.overrides.Header.props.payBefore | String | 決済期限のテキスト。 |
VoucherPage.apmName.overrides.Footer.props.downloadReference | String | バウチャーダウンロードボタンのテキスト。 |
VoucherPage.apmName.overrides.Footer.props.showPoweredByDeuna | Boolean | "Powered by DEUNA" のラベルを表示する。 |
検証コード表示#
| プロパティ | Type | 説明 |
|---|---|---|
OtpPage | Object | OTPページのコンポーネントのオーバーライド。 |
OtpPage.overrides | Object | OTPコンポーネントのカスタマイズ設定。 |
OtpPage.overrides.Header | Object | OTPヘッダーのカスタマイズ設定。 |
OtpPage.overrides.Header.props | Object | OTPヘッダーのプロパティ。 |
OtpPage.overrides.Header.props.url | String | OTPページに表示されるロゴのURL。 |
OtpPage.overrides.Headings | Object | OTPヘッダーの設定。 |
OtpPage.overrides.Headings.title | String | OTPページのタイトル。 |
OtpPage.overrides.Headings.description | String | OTPページの記述。 |
OtpPage.overrides.OtpChangeChannelButton | Object | OTPチャネル変更ボタンの設定。 |
OtpPage.overrides.OtpChangeChannelButton.description | Object | SMSおよびメールチャネルの説明。 |
OtpPage.overrides.OtpChangeChannelButton.description.sms | String | SMSチャネルの説明。 |
OtpPage.overrides.OtpChangeChannelButton.description.email | String | メールチャネルの説明。 |
OtpPage.overrides.ContinueAsGuestButton | Object | 「ゲストとして続行」ボタンの設定。 |
OtpPage.overrides.ContinueAsGuestButton.description | String | 「ゲストとして続行」の説明。 |
請求情報#
| プロパティ | Type | 説明 |
|---|---|---|
BillingPatternX | Object | 請求データの入力構造と翻訳。 |
BillingPatternX.translations.en.title | String | 請求セクションのタイトル。 |
BillingPatternX.translations.en.addBillingData.error | String | 請求データが不足した場合のエラー。 |
BillingPatternX.translations.en.addBillingData.optionalTag | String | オプションフィールドのラベル。 |
BillingPatternX.translations.en.addBillingData.title | String | 請求情報の追加タイトル。 |
BillingPatternX.translations.en.billingSummary.dni | String | 請求概要のドキュメントラベル。 |
BillingPatternX.translations.en.billingSummary.update | String | 更新情報テキスト。 |
BillingPatternX.translations.en.billingView.cancel | String | キャンセルアクションテキスト。 |
BillingPatternX.translations.en.billingView.save | String | 保存アクションテキスト。 |
BillingPatternX.translations.en.billingView.title | String | 請求データの入力タイトル。 |
BillingPatternX.translations.en.billingWithSameData.title | String | 「同じ請求情報を利用する」テキスト。 |
BillingPatternX.translations.en.inputs.companyBilling.label | String | 法的実体のラベル。 |
BillingPatternX.translations.en.inputs.companyBilling.name.label | String | 会社名のラベル。 |
BillingPatternX.translations.en.inputs.companyBilling.activity.label | String | 事業活動のラベル。 |
BillingPatternX.translations.en.inputs.companyBilling.address.label | String | 会計住所のラベル。 |
BillingPatternX.translations.en.inputs.companyBilling.city.label | String | 都市のラベル。 |
BillingPatternX.translations.es.inputs.companyBilling.email.label | String | メールアドレスのラベル。 |
BillingPatternX.translations.en.inputs.companyBilling.identityDocument.label | String | 税務登録番号のラベル。 |
BillingPatternX.translations.en.inputs.companyBilling.phone.label | String | 連絡用の電話番号のラベル。 |
BillingPatternX.translations.en.inputs.personBilling.label | String | 個人情報ラベル。 |
BillingPatternX.translations.en.inputs.personBilling.firstName.label | String | 名ラベル。 |
BillingPatternX.translations.en.inputs.personBilling.lastName.label | String | 姓ラベル。 |
BillingPatternX.translations.en.inputs.personBilling.city.label1 | String | 代替都市ラベル。 |
BillingPatternX.translations.en.inputs.personBilling.stateName.label1 | String | 州ラベル。 |
BillingPatternX.translations.en.inputs.personBilling.zipCode.label | String | 郵便番号ラベル。 |
BillingPatternX.translations.en.inputs.errors.inputRequired | String | 必須フィールドエラー。 |
BillingPatternX.translations.en.inputs.errors.invalidEmail | String | 無効なメールアドレスエラー。 |
BillingPatternX.translations.en.inputs.personBilling.identityDocument.label.AR | String | アルゼンチン身分証明書ラベル。 |
BillingPatternX.translations.en.inputs.personBilling.identityDocument.invalidByCountry.AR | String | アルゼンチン無効な身分証明書エラー。 |
ユーザー情報#
| プロパティ | Type | 説明 |
|---|---|---|
UserInfoPattern | Object | 顧客情報の入力構造と翻訳。 |
UserInfoPattern.title | String | 顧客情報セクションのタイトル。 |
UserInfoPattern.translations.inputs.email.label | String | メールアドレスフィールドラベル。 |
UserInfoPattern.translations.en.inputs.firstName.label | String | 名フィールドラベル。 |
UserInfoPattern.translations.en.inputs.lastName.label | String | 姓フィールドラベル。 |
UserInfoPattern.translations.en.inputs.phone.label | String | 電話番号フィールドラベル。 |
UserInfoPattern.translations.en.inputs.identityDocument.label.CO | String | コロンビア身分証明書ラベル。 |
UserInfoPattern.translations.en.inputs.identityDocument.label.CL | String | チリ身分証明書ラベル。 |
UserInfoPattern.translations.en.inputs.identityDocument.label.EC | String | エクアドル身分証明書ラベル。 |
UserInfoPattern.translations.en.inputs.identityDocument.label.MX | String | メキシコ身分証明書ラベル。 |
UserInfoPattern.translations.en.inputs.identityDocument.label.BR | String | ブラジル身分証明書ラベル。 |
UserInfoPattern.translations.en.inputs.identityDocument.label.AR | String | アルゼンチン身分証明書ラベル。 |
UserInfoPattern.translations.es.inputs.identityDocument.label.UY | String | ウルグアイ身分証明書ラベル。 |