In the world of Web Components, a new HTML element called Slot is used to separate DOM trees. Its global attributes are the name and the type of data. You…