FACTS DS
FACTS Design System
The FACTS Design System (FDS) is a library for designing and developing consistent UI/UX. It is made up of modular, reusable components based on Bootstrap library. This design system acts as a central location where we house a live inventory of UI components, design guidelines, assets, code snippets, developer guidelines and more.
Use HTML snippet inside the <head> to load CSS file.
<link rel="stylesheet" href="https://kind-stone-080a7d610.2.azurestaticapps.net/css/fds-main.min.css"> Use HTML snippet to load JavaScript before </body> tag closure.
<!-- Vendor Scripts -->
<!-- Jquery-->
<script src="https://kind-stone-080a7d610.2.azurestaticapps.net/vendor/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap-->
<script src="https://kind-stone-080a7d610.2.azurestaticapps.net/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- DataTable JS-->
<script src="https://kind-stone-080a7d610.2.azurestaticapps.net/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
<!-- DataTable Bootstrap 5 JS-->
<script src="https://kind-stone-080a7d610.2.azurestaticapps.net/vendor/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<!-- Date Range Picker JS -->
<script src="https://kind-stone-080a7d610.2.azurestaticapps.net/vendor/daterangepicker/moment.min.js"></script>
<script src="https://kind-stone-080a7d610.2.azurestaticapps.net/vendor/daterangepicker/daterangepicker.js"></script>
<!-- Select2 JS -->
<script src="https://kind-stone-080a7d610.2.azurestaticapps.net/vendor/select2/dist/js/select2.full.min.js"></script>
<!-- FDS JS -->
<script src="https://kind-stone-080a7d610.2.azurestaticapps.net/js/fds.min.js"></script>