Appearance
CodeCard
ECodeCard
extends the card components in order to show example code snippets.
Usage
vue
<template>
<CodeCard title="Default" :demoCode="code.btn">
<p className="text-sm w-full text-dark_theme-100">
Btn in different colors 😄
</p>
<DemoBtnColors/>
</CodeCard>
</template>
Props
For ECodeCard
component, the following props are available:
Prop | Type | Default | Note |
---|---|---|---|
title | String | - | Adds a title to the ECodeCard element. |
demoCode | String | - | Adds an example code snippets. |
justify | String | - | Sets components alignment @values: start,center,between & end. |
cardBodyClasses | String | "start" | Adds an example code snippets. |