en-US

Delay display loading to prevent screen flickering.

zh-CN

延迟显示加载，防止画面闪烁。

import { useState } from 'react';

import { DSpinner, DAlert, DSwitch } from '@react-devui/ui';

export default function Demo() {
  const [loading, setLoading] = useState(false);

  return (
    <>
      <DSwitch dModel={loading} onModelChange={setLoading}>
        Loading
      </DSwitch>
      <br />
      <br />
      <div style={{ position: 'relative' }}>
        <DSpinner dVisible={loading} dDelay={500}></DSpinner>
        <DAlert dTitle="I love DevUI so much!" dDescription="Detailed description and advice about DevUI." dType="info"></DAlert>
      </div>
    </>
  );
}