ant-design-vue/site/src/components/antdv-token-previewer/component-demos/button/disabled.tsx

38 lines
838 B
Vue

import { defineComponent } from 'vue';
import { Button, Space } from 'ant-design-vue';
import type { ComponentDemo } from '../../interface';
const Demo = defineComponent({
setup() {
return () => (
<Space>
<Button disabled type="primary">
Primary
</Button>
<Button disabled>Default</Button>
<Button disabled type="dashed">
Dashed
</Button>
<br />
<Button disabled type="text">
Text
</Button>
<Button disabled ghost>
Ghost
</Button>
<Button disabled type="link">
Link
</Button>
</Space>
);
},
});
const componentDemo: ComponentDemo = {
demo: <Demo />,
tokens: ['colorTextDisabled', 'colorBgContainerDisabled'],
key: 'disabled',
};
export default componentDemo;