DialogFormLayout

DialogFormLayout は、dialog に標準フォームを配置するためのコンポーネントです。

基本的な使い方

import { DialogFormLayout } from '@nocobase/client-v2';

ctx.viewer.dialog({
  closable: true,
  content: () => (
    <DialogFormLayout title={t('Bind verifier')} onSubmit={handleSubmit}>
      <Form form={form} layout="vertical">
        <Form.Item name="code" label={t('Code')}>
          <Input />
        </Form.Item>
      </Form>
    </DialogFormLayout>
  ),
});

API

パラメータ説明
titleReact.ReactNodeタイトル内容
childrenReact.ReactNodeコンポーネント内に描画する内容
onCancel`() => voidPromise`
onSubmit`() => voidPromise`
submittingbooleanSubmit ボタンの loading 状態
submitTextReact.ReactNodeSubmit ボタンの文言
cancelTextReact.ReactNodeCancel ボタンの文言
footerReact.ReactNodeデフォルト footer を置き換える

関連リンク