Salla Docs
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Salla - Opensource
Salla - Developers Community
  1. User
  • Overview
  • Usage
  • Components Customization
  • Elements
    • Apps Icons
    • Breadcrumb
    • Color Picker
    • Conditional Fields
    • Count Down
    • Filters
    • Infinite Scroll
    • List Tile
    • Loading
    • Map
    • Modal
    • Placeholder
    • Progress Bar
    • Rating Stars
    • Reviews
    • Reviews Summary
    • Sheet
    • Skeleton
    • Slider
    • Social
    • Social Share
    • Tabs
  • Form
    • Button
    • Bottom Alert
    • Contacts
    • Date Time Picker
    • File Upload
    • Menu
    • Quantity Input
    • Select
    • Tel Input
  • Product
    • Add Product
    • Advertisement
    • Comments
    • Conditional Offer
    • Gifting
    • Installment
    • Meta Data
    • Offer
    • Offer Modal
    • Orders
    • Payments
    • Product Availability
    • Product Card
    • Products List
    • Product Options
    • Product Size Guide
    • Products Slider
    • Quick Buy
    • Quick Order
    • Scopes
    • Search
  • User
    • Cart Summary
    • Localization
    • Login
    • Loyalty
    • Rating
    • User Menu
    • User Profile
    • User Settings
    • Verify
  1. User

Verify

The <salla-verify> web component used to show fields for verifying email/mobile of users by sending OTP verification code during registration, login, or profile update, and that can be done using the properties' parameters available.
Note
Available API Endpoints for the Verify component are:
Auth Verification
Contact Verification

Example#

Verify Example

Usage#

HTML
JS
SASS

Properties#

PropertyAttributeDescriptionTypeDefault
Auto Reloadauto-reloadShould auto reloading the page after success verification.boolean'true'
DisplaydisplayShould render component without modal"inline" | "modal"'modal'
Support Web Authenticationsupport-web-authOnce the API verifies the success. It will login the customer in web pagesbooleantrue
TypetypeVerifying method"email" | "mobile"'mobile'

Events#

EventDescriptionType
verifiedThis is triggered when success verification event is fired.CustomEvent<any>

Methods#

The pre-defined methods allow for calling functions built by Salla to carry out certain actvities, such as getCode which gets the current code and open(data:any) which shows the verifying as modal.
MethodDescriptionReturn Type
getCode()Gets the current code.Promise<string>
open(data: any)Shows the verifying as modal.Promise<void>

Slots#

The slots makes it customizable to modify certain labels, such as after-footer.
SlotDescription
after-footerPlaceholder position that appears after the footer.
footerReplaces the footer. By default, it contains: verify button, resend, and timer.
Modified at 2025-03-04 12:54:02
Previous
User Settings