Getting started

Installation Guide

Use the design system by including it via CDN or manually downloading and adding it to your project.

Option 1: CDN Integration

Simply add the following code in your HTML file to get started immediately:

                    
HTML
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> ... <link rel="stylesheet" href="https://ttspro.fonts.assets.tts.sa/latest/css/tts.icons.css"> <link rel="stylesheet" href="https://admin-dashboard.assets.tts.sa/latest/css/tts.dashboard.css"> </head> <body> ... <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.5/tinymce.min.js"></script> <script src="https://admin-dashboard.assets.tts.sa/latest/js/tts.dashboard.js"></script> </body> </html>

Option 2: Manual Setup

You can also download the assets manually from the official repositories and host them locally in your project.

Last updated 3 months ago