React Funnel - Title and Subtitle

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

Funnel Title and Subtitle

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

App.js
  • import React from 'react';
  • import Funnel, { Title, Subtitle } from 'devextreme-react/funnel';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <Funnel ... >
  • <Title text="I am the Title">
  • <Subtitle text="I am the Subtitle" />
  • </Title>
  • </Funnel>
  • );
  • }
  • }
  •  
  • export default App;

View Demo

You can set the title's text more concisely by assigning it directly to the title property. This is useful if you are satisfied with the title's default settings and do not need a subtitle.

App.js
  • import React from 'react';
  • import Funnel from 'devextreme-react/funnel';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <Funnel title="I am the Title" />
  • );
  • }
  • }
  •  
  • export default App;

Refer to the API reference's title section for information about all the title and subtitle properties.

See Also