en-US

Auto resize.

zh-CN

自动调整大小。

import { useState } from 'react';

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

export default function Demo() {
  const [size, setSize] = useState(40);

  return (
    <>
      <DRadio.Group
        dList={[30, 40, 50].map((size) => ({
          label: size.toString(),
          value: size,
        }))}
        dModel={size}
        dType="outline"
        onModelChange={setSize}
      />
      <br />
      <DAvatar dImg={{ src: '/assets/imgs/avatar.png', alt: 'avatar' }} dSize={size}></DAvatar>
      <DAvatar dIcon={<UserOutlined />} dSize={size}></DAvatar>
      <DAvatar dText="U" dSize={size}></DAvatar>
      <DAvatar dText="DevUI" dSize={size}></DAvatar>
    </>
  );
}