Introduction

The Gramex UI component library is a set of UI components that extend Bootstrap 4. These are to be used in all Gramex projects.

{% from guide_ui_app import load_page %} {% raw load_page('ui-about.html') %} {% raw load_page('ui-libraries.html') %}

Utilities

{% raw load_page('ui-hover.html') %} {% raw load_page('ui-cursor.html') %} {% raw load_page('ui-round.html') %} {% raw load_page('ui-ripple.html') %} {% raw load_page('ui-shadow.html') %} {% raw load_page('ui-text.html') %} {% raw load_page('ui-tours.html') %} {% raw load_page('ui-underline.html') %}

Backgrounds

{% raw load_page('ui-background.html') %} {% raw load_page('ui-gradient.html') %} {% raw load_page('ui-opacity.html') %}

Positioning

{% raw load_page('ui-overlay.html') %} {% raw load_page('ui-position.html') %}

Components

{% raw load_page('ui-arrow.html') %} {% raw load_page('ui-divider.html') %} {% raw load_page('ui-tail.html') %}

Inputs

{% raw load_page('ui-select.html') %} {% raw load_page('ui-slider.html') %} {% raw load_page('ui-switch.html') %} {% raw load_page('ui-upload.html') %}

Bootstrap

{% raw load_page('ui-accordion.html') %} {% raw load_page('ui-alert.html') %} {% raw load_page('ui-button.html') %} {% raw load_page('ui-card.html') %} {% raw load_page('ui-dashboards.html') %} {% raw load_page('ui-date-picker.html') %} {% raw load_page('ui-dropdown.html') %} {% raw load_page('ui-forms.html') %} {% raw load_page('ui-grid.html') %} {% raw load_page('ui-input.html') %} {% raw load_page('ui-loading.html') %} {% raw load_page('ui-login.html') %} {% raw load_page('ui-modal.html') %} {% raw load_page('ui-panel.html') %} {% raw load_page('ui-table.html') %} {% raw load_page('ui-tooltip.html') %}