en-US

The badge changes dynamically.

zh-CN

徽标动态变化。

import { useState } from 'react';

import { DBadge, DInput } from '@react-devui/ui';

export default function Demo() {
  const [value, setValue] = useState('50');

  return (
    <>
      <DInput dPlaceholder="Number" dType="number" dMin={0} dModel={value} dClearable onModelChange={setValue} />
      <br />
      <br />
      <div className="app-demo-badge">
        <DBadge dValue={Number(value)} dDot />
      </div>
      <div className="app-demo-badge">
        <DBadge dValue={Number(value)} dMax={99} />
      </div>
    </>
  );
}