title: How to truncate text in kendo's expansion panel component
body: <p>I have a very simple, but quite tricky, question: I need to display a title of a post using kendo's expansion panel component in Angular. The tricky part is that I don't want it to exceed the length of 10 characters. The code I wrote is:</p>
  <pre><code>&lt;div class=&quot;wrapper&quot;&gt;
      &lt;kendo-expansionpanel
        *ngFor=&quot;let data of datas&quot;
        [title]=&quot;data.title | slice:0:6&quot;
        [subtitle]=&quot;'from ' + data.userId&quot;
        [expanded]=&quot;false&quot;
        class=&quot;col-6&quot;&gt;
          &lt;span class=&quot;content-text&quot;&gt;{{data.body}}&lt;/span&gt;
      &lt;/kendo-expansionpanel&gt;
    &lt;/div&gt;
  </code></pre>
  <p>I thought that the line:</p>
  <p><code>[title]=&quot;data.title | slice:0:6&quot;</code></p>
  <p>would work, but I keep getting the error:</p>
  <p>Type 'unknown[]' is not assignable to type 'string'</p>
  <p>How can I solve it?</p>