WelcomeInstallationAvailable ScriptsTechnologiesCustomizationChange LayoutStyles and AssetsCSS styles:Icons:For Adding a custom Icon:New PageDeploymentSupport
SEO and Analytics
CSS styles:
We use Tailwind CSS framework with some customization which you will find at :
open [your-frontend-project]/tailwind.config.js
For Tailwind CSS documentation:
Go to Tailwind CSS
Icons:
for our icons
open [your-frontend-project]/src/components/icons
For Adding a custom Icon:
To add a custom icon please follow this procedure.
- Open your custom SVG icon file in the code editor and copy all the code.
- Then Go to src -> components -> icons folder and create a new .tsx file.
- Then here create a function component and paste your copied SVG code inside the return statement.
- Then covert all the SVG's kebab-cases properties into camelCase format except the data-name property. For ex. change the stroke-width and fill-color into strokeWidth and fillColor. (for reffernce you can see one of our icon. )
- If your custom SVG code has any single custom color then change them into fillColor.