en-US

The simplest usage.

zh-CN

最简单的用法。

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

export default function Demo() {
  return (
    <DCard style={{ width: 300 }}>
      <DCard.Header dAction={<DButton dType="link">More</DButton>}>Card title</DCard.Header>
      <DCard.Content>
        <div className="app-demo-text-container">
          <div>Some contents...</div>
          <div>Some contents...</div>
          <div>Some contents...</div>
        </div>
      </DCard.Content>
      <DCard.Actions
        dActions={[
          <DCard.Action title="edit" disabled>
            <EditOutlined />
          </DCard.Action>,
          <DCard.Action title="delete">
            <DeleteOutlined />
          </DCard.Action>,
          <DCard.Action title="more">
            <EllipsisOutlined />
          </DCard.Action>,
        ]}
      ></DCard.Actions>
    </DCard>
  );
}