Appearance
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:
Prop | Type | Default | Note |
---|---|---|---|
title | String | - | Adds a title to the ECodeCard element. |
demoCode | String | - | Add an example code snippets. |
className | String | - | Overrides or extends the component's styles. |