Selia Design System

A comprehensive design system library with Lit web components and CSS styles.

Installation

Via npm

npm install @seliaco/giant-panda-design-system

Via CDN

CSS Only

<link
  rel="stylesheet"
  href="https://unpkg.com/@seliaco/giant-panda-design-system@latest/dist/style.css"
/>

Complete Library (CSS + JS Components)

<!-- CSS -->
<link
  rel="stylesheet"
  href="https://unpkg.com/@seliaco/giant-panda-design-system@latest/dist/style.css"
/>

<!-- JavaScript Components -->
<script src="https://unpkg.com/@seliaco/giant-panda-design-system@latest/dist/giant-panda-design-system.min.js"></script>

CDN Usage

After including the scripts, components are available globally:

// Access components via global object
console.log(window.GiantPandaDesignSystem)

Content

1. Enums
2. Interfaces
3. Store
4. Components

Usage

1. Installation: Install the Selia design-system Library using npm or yarn:

   npm install @seliaco/giant-panda-design-system

   or

   yarn add @seliaco/giant-panda-design-system

   or using CDN

   <script src="https://unpkg.com/@seliaco/giant-panda-design-system"></script>

2. Importing: Import the components:

   import '@seliaco/giant-panda-design-system'

Contributing

Contributions to the Selia Design System Library are welcome! If you have suggestions for new features, or if you find any issues, please open an issue or submit a pull request on GitHub.

License

This library is distributed under the MIT License.

Contact

For any questions or inquiries, please contact the Selia development team at [email protected].

Acknowledgments

Special thanks to all contributors who have helped make this library possible.