Last updated
Last updated
The ComingSoon
component that displays a full-screen section with a centered "Coming Soon" graphic, an optional chip with a caption, a description text, and an email input field with a primary button for submissions. The background includes a decorative circles SVG, and the layout is styled to be responsive and centered.
All available props for the ComingSoon component are defined and handled within Component usage path file. This allows for easy modifications to the content of the comingsoon section.
Component path: src/blocks/ComingSoon.tsx
Component usage path: src/app/blocks/coming-soon/page.tsx
Preview link:
chip
{ chipCaption: string }
(Optional)
An optional object that represents the caption text for a chip. If not provided, no chip is displayed.
{ chipCaption: 'New Feature' }
description
string
A required string that describes the "Coming Soon" message.
"We are working on something amazing. Stay tuned for updates!"
primaryBtn
ButtonProps
A required object for the button properties that appears as the end adornment in the OutlinedInput
field.
{ children: 'Subscribe', onClick: () => alert('Subscribed!') }