Having different custom items in the Drawer

2 posts, 1 answers
  1. Kalin
    Kalin avatar
    2 posts
    Member since:
    Aug 2020

    Posted 01 Apr Link to this post

    I have looked at the examples given here https://www.telerik.com/kendo-react-ui/components/layout/drawer/custom_rendering/

    Howerver as far as I can see this changes all items to have the same custom rendering. Would it be possible to have item specific renderings apart from the general custom rendering for all items?

  2. Answer
    Krissy
    Admin
    Krissy avatar
    23 posts

    Posted 02 Apr Link to this post

    Hi Kalin, 

    Yes, this can be achieved by using conditional statements that render specific elements. For example, if the item's text prop is "Paris", an additional span element is rendered inside the Drawer Item.

    I've created na example to showcase how this can be done: 
    https://stackblitz.com/edit/react-drawer-item-custom?file=app/DrawerContainer.jsx 

    Hope this is helpful.

    Regards,
    Krissy
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top