logo

NewsletterCard

Used collect user contact data and send e-mails.

Receive our newsletter

News every week

Props:

title

Description: Newsletter title. Type: String. Required.

subTitle

Description: Newsletter subtitle. Type: String.

emailPlaceholder

Description: Placeholder for email input. Type: String. Required

namePlaceholder

Description: Placeholder for name input. Type: String.

submit

Description: Function to submit newsletter form. Type: Async Function. Required.

cardStyle

Description: Card style. Type: CSS Properties.

cardClassName

Description: Card className. Type: String.

newsletterTitleStyle

Description: NewsletterTitle style. Type: CSS Properties.

newsletterTitleClassName

Description: NewsletterTitle className. Type: String.

newsletterDescriptionStyle

Description: NewsletterDescription style. Type: CSS Properties.

newsletterDescriptionClassName

Description: NewsletterDescription className. Type: String.

inputStyle

Description: Input style. Type: CSS Properties.

inputClassName

Description: Input className. Type: String.

buttonStyle

Description: Button style. Type: CSS Properties.

buttonClassName

Description: Button className. Type: String.

glassEffect

Description: Applies glassEffect className if true. Type: Boolean. Default: False.

Code <NewsletterCardComponent emailPlaceholder='your-email' namePlaceholder='your-name' submit={async () => { }} title='Receive our newsletter' subtitle='News every week' />

PabloSilvaDev - © Copyright 2022