en-US

The buttons have 4 themes: primary, success, warning and danger.

zh-CN

按钮有 4 种主题：primary、success、warning 和 danger。

import { useState } from 'react';

import { DButton, DRadio } from '@react-devui/ui';

export default function Demo() {
  const [theme, setTheme] = useState('danger');

  return (
    <>
      <DRadio.Group
        dList={['primary', 'success', 'warning', 'danger'].map((theme) => ({
          label: theme,
          value: theme,
        }))}
        dModel={theme}
        dType="outline"
        onModelChange={setTheme}
      />
      <br />
      <DButton dTheme={theme}>Button</DButton>
      <DButton dType="secondary" dTheme={theme}>
        Button
      </DButton>
      <DButton dType="outline" dTheme={theme}>
        Button
      </DButton>
      <DButton dType="dashed" dTheme={theme}>
        Button
      </DButton>
      <DButton dType="text" dTheme={theme}>
        Button
      </DButton>
      <DButton dType="link" dTheme={theme}>
        Button
      </DButton>
    </>
  );
}