Getting Started
Start using CSD Components in your project
Installation
Choose your preferred method to install CSD Components:
terminal
npm install csdsolutions-csdjs csdsolutions-csdstyle
Import in your project
After installation, import the CSS and JavaScript in your project:
JavaScript
// Import the CSS in your main file
import 'csdsolutions-csdstyle/csdstyle.css';
// Import and initialize the JavaScript
import { initCSDComponents } from 'csdsolutions-csdjs';Basic Usage
Here's how to use CSD Components in your HTML:
HTML
<!-- Example of using a Button component -->
<button class="csd-btn">Click me</button>
<!-- Example of using a primary Button -->
<button class="csd-btn csd-btn-primary">Primary Button</button>
<!-- Example of using a Button with an icon -->
<button class="csd-btn csd-btn-outline">
<ion-icon name="star-outline"></ion-icon>
With Icon
</button>