-
Notifications
You must be signed in to change notification settings - Fork 1
TAMU Library Components List
Kevin Day edited this page Oct 28, 2021
·
4 revisions
The following is a simple list of each component with a short description and associated URLs. The most recent list is always available on the appropriate TAMU Library Components Usage Examples and TAMU Library Components API Documentation pages.
In addition to these, Weaver Components are also supported.
| Description | |
|---|---|
| About | Provides a block of text intended to provide a feedback message. |
| Element | <tl-alert></tl-alert> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLAlertBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlAlertComponent.html |
| See Also | https://getbootstrap.com/docs/4.0/components/alerts/ |
| Description | |
|---|---|
| About | Provide a button. |
| Element | <tl-button></tl-button> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLButtonBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlButtonComponent.html |
| See Also | https://getbootstrap.com/docs/4.0/components/buttons/ |
| Description | |
|---|---|
| About | Provide a distinct container, referred to as a "card", having a header, a body, and a footer. |
| Element | <tl-card></tl-card> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLCardBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlCardComponent.html |
| Description | |
|---|---|
| About | Provide a button that exposes a simple dropdown on some event such as a click or a mouse hover. |
| Element | <tl-dropdown></tl-dropdown> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLDropDownBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlDropDownComponent.html |
| See Also | https://getbootstrap.com/docs/4.0/components/dropdowns/ |
| Description | |
|---|---|
| About | A specialized variation of a Dropdown design to operate as a menu item, styled to act in conjunction with the Mega Menu. Dropdown Menu Sections are to be used inside the Dropdown Menu. |
| Element | <tl-dropdown-menu></tl-dropdown-menu> |
| Sub-Element | <tl-dropdown-menu-section></tl-dropdown-menu-section> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#ExampleDropdownBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlDropDownMenuComponent.html |
| Sub-Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlDropDownMenuSectionComponent.html |
| See Also | https://getbootstrap.com/docs/4.0/components/dropdowns/ |
| Description | |
|---|---|
| About | Provide a WYSIWYG editor. |
| Element | <tl-editor></tl-editor> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLEditor |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlWysiwygComponent.html |
| Description | |
|---|---|
| About | Provide a page footer. |
| Element | <tl-footer></tl-footer> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLFooterBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlFooterComponent.html |
| Description | |
|---|---|
| About | Provide a page header. |
| Element | <tl-header></tl-header> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLHeaderBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlHeaderComponent.html |
| Description | |
|---|---|
| About | Provide an icon image. |
| Element | <tl-icon></tl-icon> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLIconBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlIconComponent.html |
| Description | |
|---|---|
| About | A menu comprised of multiple smaller menus with specialized styling. Mega Menu Sections are to be used inside the Mega Menu. |
| Element | <tl-mega-menu></tl-mega-menu> |
| Sub-Element | <tl-mega-menu-section></tl-mega-menu-section> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLMegaMenuBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlMegaMenuSectionComponent.html |
| Description | |
|---|---|
| About | Provide a modal, such as a popup. |
| Element | <tl-modal></tl-modal> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLNavListBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/usage/#TLModalBasic |
| See Also | https://getbootstrap.com/docs/4.0/components/modal/ |
| Description | |
|---|---|
| About | Provide a list designed to be used for navigation, such as a menu. Inside each List contains a List-Item for representing an individual item in the list. |
| Element | <tl-nav-list></tl-nav-list> |
| Sub-Element | <tl-nav-li></tl-nav-li> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLNavListBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlNavListComponent.html |
| See Also | https://getbootstrap.com/docs/4.0/components/list-group/ |
| Description | |
|---|---|
| About | Provide a collection of blocks containing a tab header and a tab body for tabbed presentation. Tabs may be toggled, switching between different blocks. The Tabs may contain multiple Tab components inside. |
| Element | <tl-tabs></tl-tabs> |
| Sub-Element | <tl-tab></tl-tab> |
| Usage Example | https://tamulib.github.io/tamu-library-components/docs/usage/#TLTabsBasic |
| Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlTabsComponent.html |
| Sub-Specification | https://tamulib.github.io/tamu-library-components/docs/development/components/TlTabComponent.html |
| Description | |
|---|---|
| About | Designate the theme colors used by all other components, associated by a given theme name. |
| Element | <tl-themes></tl-themes> |
| Usage Example | https://tamulib.github.io/weaver-components/docs/usage/#TLThemes |
| Specification | https://tamulib.github.io/weaver-components/docs/development/components/TlThemesComponent.html |