primevue-mirror/apps/showcase/doc/customicons/SVGDoc.vue

29 lines
702 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>
2024-01-30 08:16:35 +00:00
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
2023-04-18 14:58:46 +00:00
</template>
<script>
export default {
data() {
return {
code: {
2023-10-15 09:38:39 +00:00
basic: `
2024-04-18 14:22:30 +00:00
<Select>
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>
2024-04-18 14:22:30 +00:00
</Select>
2023-10-15 09:38:39 +00:00
`
2023-04-18 14:58:46 +00:00
}
};
}
};
</script>