Skip to content

FormActions

Form action row: primary + ghost, left-aligned, above a hairline.

Prop Type Notes
flush boolean Drop the hairline divider above the row.
note React.ReactNode Quiet right-aligned note, e.g. save status.
className string
children React.ReactNode

Other props pass through to the root element (React.HTMLAttributes<HTMLDivElement>).

Preview

Declarations

TypeScript
export interface FormActionsProps extends React.HTMLAttributes<HTMLDivElement> {
  /** Drop the hairline divider above the row. */
  flush?: boolean;
  /** Quiet right-aligned note, e.g. save status. */
  note?: React.ReactNode;
  className?: string;
  children?: React.ReactNode;
}

/**
 * Form action row: primary + ghost, left-aligned, above a hairline.
 */
export function FormActions(props: FormActionsProps): React.JSX.Element;