Skip to content

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:

PropTypeDefaultNote
titleString-Adds a title to the ECodeCard element.
demoCodeString-Adds an example code snippets.
justifyString-Sets components alignment @values: start,center,between & end.
cardBodyClassesString"start"Adds an example code snippets.

COPYRIGHT