en-US

Modify the header position.

zh-CN

修改页头位置。

import { useState } from 'react';

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

export default function Demo() {
  const [placement, setPlacement] = useState('top');

  return (
    <>
      <DRadio.Group
        dList={['top', 'right', 'bottom', 'left'].map((placement) => ({
          label: placement,
          value: placement,
        }))}
        dModel={placement}
        dType="outline"
        onModelChange={setPlacement}
      />
      <br />
      <DTabs
        dList={[1, 22, 333, 4444].map((n) => ({
          id: n,
          title: `Tab${n}`,
          panel: `Tab${n} Content...`,
          disabled: n === 333,
        }))}
        dPlacement={placement}
      />
    </>
  );
}