EarlyAccess
The EarlyAccess component that creates a responsive section with a full-height graphics card. It features a gradient floating action button with a logo, a typeset heading and caption, an input field with a button for email submissions, and a responsive image that adjusts based on the theme's direction.
All available props for the EarlyAccess component are defined and handled within Component usage path file. This allows for easy modifications to the content of the EarlyAccess section.
Component path: src/blocks/EarlyAccess.tsx
Component usage path: src/app/blocks/early-access/page.tsx
Preview link: https://www.saasable.io/blocks/early-access
Props Details
heading
string
A required string for the main title or heading in the component.
"Join Our Early Access Program"
caption
string
A required string for additional descriptive text or subtitle.
"Be the first to experience our new features. Sign up now!"
image
ImageCommonProps
Image path or object with light and dark image path.
"path-to-image.svg"
or
{ light: 'path-to-image-light.svg', dark: 'path-to-image-dark.svg' }
primaryBtn
ButtonProps
A required object with properties for the button used as an end adornment in the OutlinedInput.
{ children: 'Subscribe', onClick: () => alert('Subscribed!') }
Last updated