Vue Sankey - Title and Subtitle

Titles and subtitles are textual elements that provide an overview of what the UI component visualizes.

Sankey Title and Subtitle

The title object configures the title; the title.subtitle object configures the subtitle.

App.vue
  • <template>
  • <DxSankey ... >
  • <DxTitle text="I am the Title">
  • <DxSubtitle text="I am the Subtitle" />
  • </DxTitle>
  • </DxSankey>
  • </template>
  •  
  • <script>
  • import DxSankey, { DxTitle, DxSubtitle } from 'devextreme-vue/sankey';
  •  
  • export default {
  • components: {
  • DxSankey,
  • DxTitle,
  • DxSubtitle
  • }
  • }
  • </script>

You can set the title's text more concisely if you assign it directly to the title property. This is useful if you do not want to change the title's default settings and do not need a subtitle.

App.vue
  • <template>
  • <DxSankey title="I am the Title" />
  • </template>
  •  
  • <script>
  • import DxSankey from 'devextreme-vue/sankey';
  •  
  • export default {
  • components: {
  • DxSankey
  • }
  • }
  • </script>

View Demo

See Also