en-US

The simplest usage.

zh-CN

最简单的用法。

import { UserOutlined } from '@react-devui/icons';
import { DAvatar, DBadge } from '@react-devui/ui';

export default function Demo() {
  return (
    <>
      <DAvatar dImg={{ src: '/assets/imgs/avatar.png', alt: 'avatar' }}></DAvatar>
      <DAvatar dIcon={<UserOutlined />}></DAvatar>
      <DAvatar dText="U"></DAvatar>
    </>
  );
}