<template> <DocSectionText v-bind="$attrs"> <p>Inline SVGs are embedded inside the dom.</p> </DocSectionText> <DocSectionCode :code="code" hideToggleCode hideStackBlitz /> </template> <script> export default { data() { return { code: { basic: ` <Dropdown> <template #dropdownicon> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g id="chevron-down"> <path d="M12,15.25a.74.74,0,0,1-.53-.22l-5-5A.75.75,0,0,1,7.53,9L12,13.44,16.47,9A.75.75,0,0,1,17.53,10l-5,5A.74.74,0,0,1,12,15.25Z"/> </g> </svg> </template> </Dropdown> ` } }; } }; </script>