en-US

Action buttons are set via dActions.

zh-CN

通过 dActions 设置操作按钮。

import { EditOutlined, DeleteOutlined, EllipsisOutlined } from '@react-devui/icons';
import { DImage } from '@react-devui/ui';

export default function Demo() {
  return (
    <DImage
      style={{ height: 100 }}
      dImgProps={{ src: '/assets/imgs/image-1.jpg', alt: 'demo' }}
      dActions={[
        <DImage.Action title="edit">
          <EditOutlined />
        </DImage.Action>,
        <DImage.Action title="delete">
          <DeleteOutlined />
        </DImage.Action>,
        <DImage.Action title="more">
          <EllipsisOutlined />
        </DImage.Action>,
      ]}
    ></DImage>
  );
}