@gitlab/ui/src/components/index.js

GitLab UI Components

// Base components
export { default as GlTableLite } from './base/table_lite/table_lite.vue';
export { default as GlDropdownForm } from './base/dropdown/dropdown_form.vue';
export { default as GlKeysetPagination } from './base/keyset_pagination/keyset_pagination.vue';
export { default as GlInputGroupText } from './base/form/input_group_text/input_group_text.vue';
export { default as GlFormCombobox } from './base/form/form_combobox/form_combobox.vue';
export { default as GlTokenSelector } from './base/token_selector/token_selector.vue';
export { default as GlNav } from './base/nav/nav.vue';
export { default as GlNavItem } from './base/nav/nav_item.vue';
export { default as GlFormCheckboxTree } from './base/form/form_checkbox_tree/form_checkbox_tree.vue';
export { default as GlMarkdown } from './base/markdown/markdown.vue';
export { default as GlIntersectionObserver } from './utilities/intersection_observer/intersection_observer.vue';
export { default as GlLink, default as GlDeprecatedLink } from './base/link/link.vue';
export { default as GlIcon } from './base/icon/icon.vue';
export { default as GlAnimatedChevronRightDownIcon } from './base/animated_icon/animated_chevron_right_down_icon.vue';
export { default as GlAnimatedChevronLgRightDownIcon } from './base/animated_icon/animated_chevron_lg_right_down_icon.vue';
export { default as GlAnimatedChevronDownUpIcon } from './base/animated_icon/animated_chevron_down_up_icon.vue';
export { default as GlAnimatedChevronLgDownUpIcon } from './base/animated_icon/animated_chevron_lg_down_up_icon.vue';
export { default as GlAnimatedDuoChatIcon } from './base/animated_icon/animated_duo_chat_icon.vue';
export { default as GlAnimatedLoaderIcon } from './base/animated_icon/animated_loader_icon.vue';
export { default as GlAnimatedNotificationIcon } from './base/animated_icon/animated_notifications_icon.vue';
export { default as GlAnimatedSidebarIcon } from './base/animated_icon/animated_sidebar_icon.vue';
export { default as GlAnimatedSmileIcon } from './base/animated_icon/animated_smile_icon.vue';
export { default as GlAnimatedSortIcon } from './base/animated_icon/animated_sort_icon.vue';
export { default as GlAnimatedStarIcon } from './base/animated_icon/animated_star_icon.vue';
export { default as GlAnimatedTodoIcon } from './base/animated_icon/animated_todo_icon.vue';
export { default as GlAnimatedUploadIcon } from './base/animated_icon/animated_upload_icon.vue';
export { default as GlLoadingIcon } from './base/loading_icon/loading_icon.vue';
export { default as GlModal } from './base/modal/modal.vue';
export { default as GlPagination } from './base/pagination/pagination.vue';
export { default as GlPopover } from './base/popover/popover.vue';
export { default as GlProgressBar } from './base/progress_bar/progress_bar.vue';
export { default as GlToken } from './base/token/token.vue';
export { default as GlBadge } from './base/badge/badge.vue';
export { default as GlBanner } from './base/banner/banner.vue';
export { default as GlButton } from './base/button/button.vue';
export { default as GlTooltip } from './base/tooltip/tooltip.vue';
export { default as GlToast } from './base/toast/toast';
export { default as GlDashboardSkeleton } from './regions/dashboard_skeleton/dashboard_skeleton.vue';
export { default as GlEmptyState } from './regions/empty_state/empty_state.vue';
export { default as GlForm } from './base/form/form.vue';
export { default as GlFormCharacterCount } from './base/form/form_character_count/form_character_count.vue';
export { default as GlFormDate } from './base/form/form_date/form_date.vue';
export { default as GlFormInput } from './base/form/form_input/form_input.vue';
export { default as GlFormInputGroup } from './base/form/form_input_group/form_input_group.vue';
export { default as GlFormRadio } from './base/form/form_radio/form_radio.vue';
export { default as GlFormRadioGroup } from './base/form/form_radio_group/form_radio_group.vue';
export { default as GlFormSelect } from './base/form/form_select/form_select.vue';
export { default as GlFormTextarea } from './base/form/form_textarea/form_textarea.vue';
export { default as GlFormGroup } from './base/form/form_group/form_group.vue';
export { default as GlFormFields } from './base/form/form_fields/form_fields.vue';
export { default as GlSearchBoxByType } from './base/search_box_by_type/search_box_by_type.vue';
export { default as GlSearchBoxByClick } from './base/search_box_by_click/search_box_by_click.vue';
export { default as GlDropdownItem } from './base/dropdown/dropdown_item.vue';
export { default as GlDropdownSectionHeader } from './base/dropdown/dropdown_section_header.vue';
export { default as GlDropdownDivider } from './base/dropdown/dropdown_divider.vue';
export { default as GlDropdownText } from './base/dropdown/dropdown_text.vue';
export { default as GlDropdown } from './base/dropdown/dropdown.vue';
// new components aiming to replace GlDropdown  - start
export { default as GlCollapsibleListbox } from './base/new_dropdowns/listbox/listbox.vue';
export { default as GlListboxItem } from './base/new_dropdowns/listbox/listbox_item.vue';
export { default as GlDisclosureDropdown } from './base/new_dropdowns/disclosure/disclosure_dropdown.vue';
export { default as GlDisclosureDropdownItem } from './base/new_dropdowns/disclosure/disclosure_dropdown_item.vue';
export { default as GlDisclosureDropdownGroup } from './base/new_dropdowns/disclosure/disclosure_dropdown_group.vue';
// new components aiming to replace GlDropdown  - end
export { default as GlPath } from './base/path/path.vue';
export { default as GlTable } from './base/table/table.vue';
export { default as GlBreadcrumb } from './base/breadcrumb/breadcrumb.vue';
export { default as GlScrollableTabs } from './base/tabs/tabs/scrollable_tabs.vue';
export { default as GlTabs } from './base/tabs/tabs/tabs.vue';
export { default as GlTab } from './base/tabs/tab/tab.vue';
export { default as GlButtonGroup } from './base/button_group/button_group.vue';
export { default as GlFormCheckbox } from './base/form/form_checkbox/form_checkbox.vue';
export { default as GlFormCheckboxGroup } from './base/form/form_checkbox/form_checkbox_group.vue';
export { default as GlAvatar } from './base/avatar/avatar.vue';
export { default as GlAvatarsInline } from './base/avatars_inline/avatars_inline.vue';
export { default as GlAvatarLabeled } from './base/avatar_labeled/avatar_labeled.vue';
export { default as GlAvatarLink } from './base/avatar_link/avatar_link.vue';
export { default as GlLabel } from './base/label/label.vue';
export { default as GlDatepicker } from './base/datepicker/datepicker.vue';
export { default as GlDaterangePicker } from './base/daterange_picker/daterange_picker.vue';
export { default as GlToggle } from './base/toggle/toggle.vue';
export { default as GlSorting } from './base/sorting/sorting.vue';
export { default as GlInfiniteScroll } from './base/infinite_scroll/infinite_scroll.vue';
export { default as GlAlert } from './base/alert/alert.vue';
export { default as GlSegmentedControl } from './base/segmented_control/segmented_control.vue';
export { default as GlSkeletonLoader } from './base/skeleton_loader/skeleton_loader.vue';
export { default as GlDrawer } from './base/drawer/drawer.vue';
export { default as GlCard } from './base/card/card.vue';
export { default as GlFilteredSearchSuggestion } from './base/filtered_search/filtered_search_suggestion.vue';
export { default as GlFilteredSearchSuggestionList } from './base/filtered_search/filtered_search_suggestion_list.vue';
export { default as GlFilteredSearchTerm } from './base/filtered_search/filtered_search_term.vue';
export { default as GlFilteredSearchToken } from './base/filtered_search/filtered_search_token.vue';
export { default as GlFilteredSearchTokenSegment } from './base/filtered_search/filtered_search_token_segment.vue';
export { default as GlFilteredSearch } from './base/filtered_search/filtered_search.vue';
export { default as GlBroadcastMessage } from './base/broadcast_message/broadcast_message.vue';
export { default as GlCollapse } from './base/collapse/collapse.vue';
export { default as GlAccordion } from './base/accordion/accordion.vue';
export { default as GlAccordionItem } from './base/accordion/accordion_item.vue';

// Dashboards
export { default as GlDashboardLayout } from './dashboards/dashboard_layout/dashboard_layout.vue';
export { default as GlDashboardPanel } from './dashboards/dashboard_panel/dashboard_panel.vue';

// Experimental
export { default as GlExperimentBadge } from './experimental/experiment_badge/experiment_badge.vue';

// Utilities
export { default as GlAnimatedNumber } from './utilities/animated_number/animated_number.vue';
export { default as GlFriendlyWrap } from './utilities/friendly_wrap/friendly_wrap.vue';
export { default as GlIntersperse } from './utilities/intersperse/intersperse.vue';
export { default as GlSprintf } from './utilities/sprintf/sprintf.vue';
export { default as GlTruncate } from './utilities/truncate/truncate.vue';
export { default as GlTruncateText } from './utilities/truncate_text/truncate_text.vue';