Elentra JS Documentation
2.0
2.0
  • Introduction
  • Why Elentra JS 2.0?
    • Dedicated Repository
    • TypeScript
    • Class-Based Components
    • Vue Standard Routing
    • Organizational Theming
    • Yarn Package Manager
  • Developers
    • Getting Started
    • Setup Guide
      • Install Requirements
      • Clone the Repository
      • Environment Variables
      • Install Dependencies
      • Serve Dev Mode
  • Design System
    • Overview
    • Component Library
      • Directory Structure
      • Components
    • Style Library
      • Directory Structure
      • How it Works
        • Variables
        • Mixins
        • Utility Classes
        • Elements
        • Legacy Styles
        • Shim
    • Taxonomy
      • UI Taxonomy
      • UX Taxonomy
      • Variable & Utility Class Naming Convention
Powered by GitBook
On this page
  • Component Library
  • Style Library
  1. Design System

Overview

PreviousServe Dev ModeNextComponent Library

Last updated 3 years ago

The Elentra JS Design System (EJSDS) consists of two libraries, both of which are integral to Elentra JS.

Component Library

The first of these libraries is the , which contains a wide and diverse assortment of prebuilt, ready-to-use Vue components. The vast majority of common components that may be required when developing user interfaces for the Elentra platform are already represented within this library, and we intend to enhance and expand this collection of components further over time.

Within elentra-2x-js, the Component Library is located in within src/components.

Don't forget to check out the new .

Style Library

The second library is the , which is a large collection of utility classes and variables, intended to provide developers with a comprehensive suite of resources that streamline the development process. The variables and utility classes defined within the Style Library are used throughout Elentra JS 2.0, including within the Component Library, where they are used to define the styling of the components themselves.

Within elentra-2x-js, the Style Library is located in within src/styles.

Component Library
Elentra JS 2.x Global Component Documentation
Style Library