Newsletter
Newsletter provides you with a built-in form to handle your emailing list, with a light interface to add text content around.
Default
Subscribe to our newsletter
Get exclusive offers every week!
By subscribing, you agree to receive emails from us. Don't worry, we are not spamers :)No caption
Subscribe to our newsletter
Get exclusive offers every week!
No description
Subscribe to our newsletter
By subscribing, you agree to receive emails from us. Don't worry, we are not spamers :)Title only
Subscribe to our newsletter
Custom controls
Subscribe to our newsletter
Get exclusive offers every week!
By subscribing, you agree to receive emails from us. Don't worry, we are not spamers :)Extended
This component was extended using styled() from styled-components.
Subscribe to our newsletter
Get exclusive offers every week!
By subscribing, you agree to receive emails from us. Don't worry, we are not spamers :)Props
| Name | Type | Default | Description |
|---|---|---|---|
| caption | string | The newsletter's caption. Often used to display clear consent sentence. Do not forget to mention you are not sending spam ;) | |
| children | node | The components to render inside the form. You can either use the ones exposed from Newsletter or bring your owns. | |
| description | string | The description of your newsletter. You can use it to explain why the users should subscribe to your newsletter! | |
| title | string | The newsletter's title. |
The ref will be forwarded to the html root element, as well as any other props.
Newsletter.Button
Default Button
Various props
Extended
This component was extended using styled() from styled-components.
Props
This component extends Material's UI <Button> so you can use all its props as well. Check out its Api.
The ref will be forwarded to the html root element, as well as any other props.
Newsletter.Input
Default Input
Various props
Error state
Extended
This component was extended using styled() from styled-components.
Props
This component extends Material's UI <OutlinedInput> so you can use all its props as well. Check out its Api.
The ref will be forwarded to the html root element, as well as any other props.