fix: improve demo

Author: macrozone

examples/plugins/customContentPluginTwitter.tsx

@@ -5,20 +5,24 @@ import { Timeline } from 'react-twitter-widgets';
 type Data = {
   screenName: string;
   height: number;
+  title: string;
 };
 // you can pass the shape of the data as the generic type argument
 const customContentPluginTwitter: CellPlugin<Data> = {
   Renderer: ({ data }) => (
-    <Timeline
-      dataSource={{
-        sourceType: 'profile',
-        // data has already the right type!
-        screenName: data.screenName,
-      }}
-      options={{
-        height: data.height || 600,
-      }}
-    />
+    <div>
+      <h4>{data.title}</h4>
+      <Timeline
+        dataSource={{
+          sourceType: 'profile',
+          // data has already the right type!
+          screenName: data.screenName,
+        }}
+        options={{
+          height: data.height || 600,
+        }}
+      />
+    </div>
   ),
   id: 'twitter-timeline',
   title: 'Twitter timeline',
@@ -30,9 +34,13 @@ const customContentPluginTwitter: CellPlugin<Data> = {
       // this JSONschema is type checked against the generic type argument
       // the autocompletion of your IDE helps to create this schema
       properties: {
+        title: {
+          type: 'string',
+          default: 'A Sample Twitter plugin',
+        },
         screenName: {
           type: 'string',
-          default: 'AlYankovic',
+          default: 'typescript',
         },
         height: {
           type: 'number',