primevue-mirror/doc/customicons/SVGDoc.vue

27 lines
720 B
Vue
Raw Normal View History

2023-04-18 14:58:46 +00:00
<template>
<DocSectionText v-bind="$attrs">
<p>Inline SVGs are embedded inside the dom.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode hideCodeSandbox hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
2023-07-09 21:13:49 +00:00
basic: `<Dropdown>
2023-04-18 14:58:46 +00:00
<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>