disabled.vue 772 B

12345678910111213141516171819202122232425262728
  1. <script setup lang="tsx">
  2. import { CheckCircleOutlined, CoffeeOutlined } from '@ant-design/icons-vue';
  3. import { Prompts, type PromptsProps } from 'ant-design-x-vue';
  4. defineOptions({ name: 'AXPromptsDisabled' });
  5. const items: PromptsProps['items'] = [
  6. {
  7. key: '5',
  8. icon: <CheckCircleOutlined style={{ color: '#52C41A' }} />,
  9. label: 'Task Completion Secrets',
  10. description: 'What are some tricks for getting tasks done?',
  11. disabled: true,
  12. },
  13. {
  14. key: '6',
  15. icon: <CoffeeOutlined style={{ color: '#964B00' }} />,
  16. label: 'Time for a Coffee Break',
  17. description: 'How to rest effectively after long hours of work?',
  18. },
  19. ];
  20. defineRender(() => {
  21. return (
  22. <Prompts title="☕️ It's time to relax!" items={items} />
  23. )
  24. });
  25. </script>