Skip to content

CodeCard

ECodeCard extends the card components in order to show example code snippets.

Import

jsx
import ECodeCard from "@components/UI/ECodeCard";

Usage

jsx
const CodeCardExample = () => {

  return (
     <ECodeCard title="Default" demoCode={code.btn}>
        <p className="text-sm w-full text-dark_theme-100">
          Btn in different colors 😄
        </p>
      <DemoBtnColors/>
    </ECodeCard>
  );
};

export default CodeCardExample;

Props

For ECodeCard component, the following props are available:

PropTypeDefaultNote
titleString-Adds a title to the ECodeCard element.
demoCodeString-Add an example code snippets.
classNameString-Overrides or extends the component's styles.

COPYRIGHT