DialogActions

import { DialogActions } from "@rebasepro/ui";

Props

Prop	Type	Required	Description
children	React.ReactNode	yes
position	"sticky" | "absolute"	—
translucent	boolean	—
className	string	—

Example

This is the example the design-system sync renders and verifies for this component.

import {
    Dialog,
    DialogTitle,
    DialogContent,
    DialogActions,
    Button,
    LoadingButton
} from "@rebasepro/ui";

// DialogActions is the sticky/absolute footer bar of a Dialog — only
// renders meaningfully inside one. Same portal-escape issue as Dialog.
// Needs cfg.overrides.DialogActions = { cardMode: "single", primaryStory: "Default" }.

export const Default = () => (
    <div className="p-4 h-[280px]">
        <Dialog open onOpenChange={() => {}} maxWidth="sm">
            <DialogTitle>Create API key</DialogTitle>
            <DialogContent>Choose a name and scope for the new key.</DialogContent>
            <DialogActions>
                <Button variant="text">Cancel</Button>
                <LoadingButton variant="filled" loading={false}>Create key</LoadingButton>
            </DialogActions>
        </Dialog>
    </div>
);