yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

UI/steps: make step footer next text customizable

Browse Source
This commit is contained in:
Johannes Kirschbauer
2025-08-06 16:42:45 +02:00
parent e5db3e269b
commit 65101ad55a
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
pkgs/clan-app/ui/src/workflows/Steps.tsx
View File

@@ -57,12 +57,17 @@ export const BackButton = () => {
* *
* Use this for overview steps where no form submission is required. * Use this for overview steps where no form submission is required.
*/ */
export const StepFooter = () => { interface StepFooterProps {
nextText?: string;
}
export const StepFooter = (props: StepFooterProps) => {
const stepper = useStepper<InstallSteps>(); const stepper = useStepper<InstallSteps>();
return ( return (
<div class="flex justify-between py-4"> <div class="flex justify-between py-4">
<BackButton /> <BackButton />
<NextButton type="button" onClick={() => stepper.next()} /> <NextButton type="button" onClick={() => stepper.next()}>
{props.nextText || undefined}
</NextButton>
</div> </div>
); );
}; };