Back to components
ComponentsContent placeholder
A content placeholder component used as placholder for future content in the UI. Commonly used to test UI components.
Component
Replace me
Props
| Props | Default | Type |
|---|---|---|
text | Replace me | string |
textWrapperClass | — | string |
textClass | — | string |
Usage
text
Displays a custom tex on the placeholder
<template>
<ContentPlaceholder text="Replace me" />
</template>
Custom styles
The component can be customized with the following props and attributes:
class
The class of the main wrapper, which can be used to override the default styles.
<template>
<ContentPlaceholder class="bg-blue-500" />
</template>
textWrapperClass
The class of the wrapper of the text, which can be used to override the default styles.
<template>
<ContentPlaceholder textWrapperClass="py-3 px-4" />
</template>
textClass
The class of the text, which can be used to override the default styles.
<template>
<ContentPlaceholder textClass="text-2xl" />
</template>