Process1

The Process1 component displays a section with an accordion-style card list and an optional side image, incorporating animations and dynamic content based on the provided props.

All available props for the Process1 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the Process section.

Component path: src/blocks/process/Process1.tsx

Component usage path: src/app/blocks/process/process1/page.tsx

Preview link: https://www.saasable.io/blocks/process/process1

Props Details

Prop	Type	Description	Displayed as
heading	string	Main title for the component.	"Streamlined Workflow"
caption	string	Additional text under the heading.	"An overview of our efficient process to enhance productivity."
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' }
cards	ProcessCardProps[]	Array of cards with details to display.	[ { title: "Initial Setup", description: "Setting up...", list: [...], icon: "setup-icon" }, ... ]
defaultExpanded	string (Optional)	Default expanded panel ID.	Pass panelId to open it default.