ke-edit-field

Example

import React, { useState } from 'react';

import { EditInput, EditDatePicker, EditSelect, EditInputNumber } from 'ke-edit-field';
import 'ke-edit-field/dist/ke-edit-field.css';

const { Option } = EditSelect;

function Example() {
  const [editing, setEditing] = useState(false);

  return (
    <>
      <EditInput editable />
      <EditDatePicker
        editable={{
          hovering: true,
        }}
      />
      <EditInputNumber
        editable={{
          defaultEditing: true,
        }}
      />
      <EditSelect
        editble={{
          editing,
          onEditingChange: setEditing,
        }}
      >
        <Option value={1}>1</Option>
        <Option value={2}>2</Option>
      </EditSelect>
    </>
  );
}