DrawerFormLayout

DrawerFormLayout sert à placer un formulaire standard dans un drawer.

Utilisation de base

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

ctx.viewer.drawer({
  width: '50%',
  closable: true,
  content: () => (
    <DrawerFormLayout title={t('Add provider')} onSubmit={handleSubmit}>
      <Form form={form} layout="vertical">
        <Form.Item name="name" label={t('Name')} rules={[{ required: true }]}>
          <Input />
        </Form.Item>
      </Form>
    </DrawerFormLayout>
  ),
});

API

ParamètreTypeDescription
titleReact.ReactNodeContenu du titre
childrenReact.ReactNodeContenu rendu dans le composant
onSubmit`() => voidPromise`
submittingbooleanÉtat loading du bouton Submit
submitTextReact.ReactNodeTexte du bouton Submit
cancelTextReact.ReactNodeTexte du bouton Cancel
footerReact.ReactNodeRemplace le footer par défaut

Liens associés