A deep dive into Vue slots

There are two types of slots: named slots and unnamed or default slot In Syncfusion Vue components, we use named slots Classic template

Notice that the order of the texts rendered corresponds to the slots arranged in the child component The unnamed slot acts as the default slot Scoped Slots

vue slotscope A slot> outlet without name implicitly has the name default To provide content to named slots, we need to use the v-slot directive on a

vue slot props It must be: #default={item} in which, #default is the shorthand for v-slot:default In the next parts, we show you some examples that apply