lowdefy/packages/blocks/blocksAntd/demo/examples/Title.yaml

148 lines
5.2 KiB
YAML

- id: default
type: Title
- id: "properties.title"
type: Title
properties:
content: Lorem ipsum dolor sit amet
- id: "properties. code: true"
type: Title
properties:
code: true
content: Lorem ipsum dolor sit amet
- id: "properties.color: "
type: Title
properties:
color: "#009688"
content: Lorem ipsum dolor sit amet
- id: "properties.delete: true "
type: Title
properties:
delete: true
content: Lorem ipsum dolor sit amet
- id: "properties.disabled: true "
type: Title
properties:
disabled: true
content: Lorem ipsum dolor sit amet
- id: "properties.level: 2 "
type: Title
properties:
level: 2
content: Lorem ipsum dolor sit amet
- id: "properties.level: 3 "
type: Title
properties:
level: 3
content: Lorem ipsum dolor sit amet
- id: "properties.level: 4 "
type: Title
properties:
level: 4
content: Lorem ipsum dolor sit amet
- id: "properties.mark: true "
type: Title
properties:
mark: true
content: Lorem ipsum dolor sit amet
- id: "properties.underline: true "
type: Title
properties:
underline: true
content: Lorem ipsum dolor sit amet
- id: "properties.type: secondary "
type: Title
properties:
type: secondary
content: Lorem ipsum dolor sit amet
- id: "properties.type: warning "
type: Title
properties:
type: warning
content: Lorem ipsum dolor sit amet
- id: "properties.type: danger "
type: Title
properties:
type: danger
content: Lorem ipsum dolor sit amet
- id: 'properties.copyable: true'
type: Title
properties:
copyable: true
content: Lorem ipsum dolor sit amet
- id: 'properties.copyable: text: one'
type: Title
properties:
copyable:
text: one
content: Lorem ipsum dolor sit amet
- id: 'properties.copyable: icon'
type: Title
properties:
copyable:
icon: WarningOutlined
content: Lorem ipsum dolor sit amet
- id: 'properties.copyable: icon: []'
type: Title
properties:
copyable:
icon:
- WarningOutlined
- RocketOutlined
content: Lorem ipsum dolor sit amet
- id: 'properties.copyable: tooltips: []'
type: Title
properties:
copyable:
tooltips:
- Click to copy
- Copy done
content: Lorem ipsum dolor sit amet
- id: 'properties.ellipsis: true'
type: Title
style:
width: 300
properties:
ellipsis: true
content: |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- id: 'properties.ellipsis: rows'
type: Title
style:
width: 300
properties:
ellipsis:
rows: 3
content: |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- id: 'properties.ellipsis: expandable, rows'
type: Title
style:
width: 300
properties:
ellipsis:
rows: 3
expandable: true
content: |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- id: 'properties.ellipsis: rows, suffix'
type: Title
style:
width: 300
properties:
ellipsis:
rows: 3
suffix: and other
content: |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
# FIX: not working, might be and antd issue.
# - id: 'properties.ellipsis: rows, symbol'
# type: Title
# style:
# width: 300
# properties:
# ellipsis:
# symbol: '???'
# content: |
# Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.