REUSABLE FILES EXAMPLES
ApexCharts :

ApexCharts is a Svelte wrapper for the popular ApexCharts library, enabling the easy creation of interactive, responsive charts. It offers a wide range of chart types and customization options with seamless Svelte integration.

1. You need to add these files to make ApexCharts work.
Type URL
Plugin Link https://apexcharts.com/
ECharts :

Apache ECharts has always been committed to making it easier for developers to create flexible and rich visualizations.

1. You need to add these files to make Echarts work.
Type URL
Plugin Link https://www.npmjs.com/package/echarts
Basic Table :

Svelte Basic tables are simple, customizable table components for displaying structured data in a clean and responsive layout

1. You need to add these files to make basic default table work.
		
		
		
		
		
		export const Data1 = [
		{ text1: 'Mark', text2: '21,Dec 2021', text3: '+1234-12340', text4: 'Completed', color: 'primary' },
		{ text1: 'Monika', text2: '29,April 2022', text3: '+1523-12459', text4: 'Failed', color: 'warning' },
		{ text1: 'Madina', text2: '30,Nov 2022', text3: '+1982-16234', text4: 'Successful', color: 'success' },
		{ text1: 'Bhamako', text2: '18,Mar 2022', text3: '+1526-10729', text4: 'Pending', color: 'secondary' },
	];
Alerts :

The Alert component provides contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

1. You need to add these files to make alerts work.
Buttons :

The Button component is a user-friendly element in the interface that you can click on. It's designed for various tasks like triggering functions, sending form data, or navigating within an application. It also provides visual and interactive feedback to keep users informed about their actions.

1. You need to add these files to make buttons work.
Badges :

The Badge component is used to provide visual cues or supplementary information for things like badging, counts, and more.

1. You need to add these files to make badges work.
Basic Cards :

The Card component is a customizable container designed for visually presenting content within a user interface.

1. You need to add these files to make cards work.
Breadcrumb :

The Breadcrumb component is used to indicate the current page location within a navigational hierarchy.

1. You need to add these files to make breadcrumb work.
Dropdown :

The Dropdown component is a user interface element that displays lists of links and more through contextual overlays.

1. You need to add these files to make dropdown work.
Tooltips :

The Tooltip component is a user interface element that provides supplementary information when users hover over or interact with an element.

1. You need to add these files to make tooltipss work.





export const Tooltipdirtooltip = [
{ id: 1, text: "Tooltip on top" },
{ id: 2, text: "Tooltip on right" },
{ id: 3, text: "Tooltip on bottom" },
{ id: 4, text: "Tooltip on left" },
];
Popovers :

The Popover component is designed to enhance user interaction by providing context-specific information or actions without disrupting the overall user experience.

1. You need to add these files to Popovers.
List Group :

The ListGroup component is a flexible user interface element that displays a series of content.

1. You need to add these files to make List Group work.
Spinner :

The Spinner component is a user interface element that signifies ongoing activity.

1. You need to add these files to make Spinner work.
Accordions :

The Accordion component is used to manage and present content in a compact and organized manner, enhancing both the usability and aesthetics of a user interface.

1. You need to add these files to make accordions work.