Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 1x 1x | <script setup lang="ts">
withDefaults(defineProps<{
as?: string;
tone?: "plain" | "soft" | "raised" | "media";
padding?: "none" | "small" | "medium" | "large";
}>(), {
as: "section",
tone: "plain",
padding: "medium",
});
</script>
<template>
<component
:is="as"
class="pj-surface"
:class="[
`pj-surface--${tone}`,
`pj-surface--padding-${padding}`,
]"
>
<slot />
</component>
</template>
|