Contact Us Form

SFC for contact us form

Screenshot

Installation

Install this component with

npm i @andalusia/contactform

You can install a specific version using @[component version]

npm i @andalusia/[email protected]

Update

npm update @andalusia/contactform

Props

langBtn

The id or the class name for language button

• Type: String

formSuccessMessage

The form's sccess message

• Type: String

accentColor

The accent color for icons and submit button

• Type: String

contactApi

The API route without language

• Type: String

showFormDescription [Optional]

Show or hide small description above the form

• type: Boolean

• default: true

formDescription [Optional]

The small description above the form

• type: String

• default: "This is the default vaule for formDescription!"

Usage

Install this component with

<template>
    <SharedContactUs
        langBtn=".lang-option"
        accentColor="var(--blue)"
        contactApi="/api/contacts"
        :showFormDescription="false"
        formSuccessMessage="You'r request sent successfully"
    />
</template>

<script>
import SharedContactUs from '@andalusia/contactform';

export default {
    components: [
        SharedContactUs
    ]
}
</script>