<h1>Libraries</h1>

<pre class="prismjs">
<code>
{ { attach_library('ui_patterns/libraries.bs_forms') } }
{ { attach_library('ui_patterns/form-form.form_lib') } }
</code>
</pre>

<pre class="prismjs">
<code class="language-yml">
libraries:
  namespace: "Protons/TM - Libraries"
  use: "@protons/libraries/libraries.twig"
  label: Libraries
  description: Libraries such as Bootstrap, Popper and other

  libraries:
    - bs_popper:
        js:
          ../behaviors/bs_popper.js: { }
    - bs_base:
        js:
          ../behaviors/bs_base.js: { }
    - bs_card:
        css:
          component:
            ../styles/bs_card.css: { weight: 1 }
    - bs_collapse:
        js:
          ../behaviors/bs_base.js: { }
          ../behaviors/bs_collapse.js: { }
    - bs_carousel:
        js:
          ../behaviors/bs_base.js: { }
          ../behaviors/bs_carousel.js: { }
        css:
          component:
            ../styles/bs_carousel.css: { weight: 1 }
    - bs_dropdown:
        js:
          ../behaviors/bs_base.js: { }
          ../behaviors/bs_dropdown.js: { }
        css:
          component:
            ../styles/bs_dropdown.css: { weight: 1 }
    - bs_modal:
        js:
          ../behaviors/bs_base.js: { }
          ../behaviors/bs_modal.js: { }
        css:
          component:
            ../styles/bs_close.css: { weight: 1 }
            ../styles/bs_modal.css: { weight: 1 }
    - bs_tab:
        js:
          ../behaviors/bs_base.js: { }
          ../behaviors/bs_tab.js: { }
    - bs_tooltip:
        js:
          ../behaviors/bs_popper.js: { }
          ../behaviors/bs_tooltip.js: { }
        css:
          component:
            ../styles/bs_tooltip.css: { weight: 1 }
    - bs_popover:
        js:
          ../behaviors/bs_popper.js: { }
          ../behaviors/bs_popover.js: { }
        css:
          component:
            ../styles/bs_popover.css: { weight: 1 }
    - bs_nav:
        css:
          component:
            ../styles/bs_nav.css: { weight: 1 }
    - bs_alert:
        css:
          component:
            ../styles/bs_alert.css: { weight: 1 }
    - bs_buttons:
        css:
          component:
            ../styles/bs_buttons.css: { weight: 1 }
    - bs_forms:
        css:
          component:
            ../styles/bs_buttons.css: { weight: 1 }
            ../styles/bs_forms.css: { weight: 1 }
    - bs_spinners:
        css:
          component:
            ../styles/bs_spinners.css: { weight: 1 }
    - bs_accordion:
        css:
          component:
            ../styles/bs_accordion.css: { weight: 1 }
        js:
          ../behaviors/bs_base.js: { }
          ../behaviors/bs_collapse.js: { }
    - bs_breadcrumb:
        css:
          component:
            ../styles/bs_breadcrumb.css: { weight: 1 }
    - bs_pagination:
        css:
          component:
            ../styles/bs_pagination.css: { weight: 1 }
    - bs_offcanvas:
        css:
          component:
            ../styles/bs_close.css: { weight: 1 }
            ../styles/bs_offcanvas.css: { weight: 1 }
        js:
          ../behaviors/bs_offcanvas.js: { }

</code>
</pre>
