mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-17 21:00:45 +00:00
CE-1955 - Add QAlternateButton
This commit is contained in:
@ -180,3 +180,24 @@ QSubmitButton.defaultProps = {
|
|||||||
label: "Submit",
|
label: "Submit",
|
||||||
iconName: "check",
|
iconName: "check",
|
||||||
};
|
};
|
||||||
|
|
||||||
|
interface QAlternateButtonProps
|
||||||
|
{
|
||||||
|
label: string,
|
||||||
|
iconName?: string,
|
||||||
|
disabled: boolean,
|
||||||
|
onClick?: () => void
|
||||||
|
}
|
||||||
|
|
||||||
|
export function QAlternateButton({label, iconName, disabled, onClick}: QAlternateButtonProps): JSX.Element
|
||||||
|
{
|
||||||
|
return (
|
||||||
|
<Box ml={standardML} width={standardWidth}>
|
||||||
|
<MDButton type="button" variant="gradient" color="secondary" size="small" fullWidth startIcon={iconName && <Icon>{iconName}</Icon>} onClick={onClick} disabled={disabled}>
|
||||||
|
{label}
|
||||||
|
</MDButton>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
QAlternateButton.defaultProps = {};
|
||||||
|
Reference in New Issue
Block a user