# Angulux > Angulux is an Angular 22 UI component library, forked from the last MIT release of PrimeNG (21.1.9). Selectors are `agl-*` and entry points are `@anguless/angulux/` — code written against PrimeNG's `p-*` selectors will not work. This index covers 64 supported modules, 165 components and directives, 1205 inputs, of which 69 are deprecated. Every page is generated from the library's own source, so an input absent here does not exist. Import from the module entry point, never from the package root: `import { Button } from '@anguless/angulux/button';` Pages marked deprecated on a given input mean the input still works and should not be used in new code; the page names the replacement. ## Components and directives - [autofocus](https://angulux.anguless.com/autofocus.md): [aglAutoFocus] - [avatar](https://angulux.anguless.com/avatar.md): agl-avatar - [avatargroup](https://angulux.anguless.com/avatargroup.md): agl-avatarGroup, agl-avatar-group, agl-avatargroup - [badge](https://angulux.anguless.com/badge.md): [aglBadge], agl-badge - [basecomponent](https://angulux.anguless.com/basecomponent.md): - [baseeditableholder](https://angulux.anguless.com/baseeditableholder.md): - [baseinput](https://angulux.anguless.com/baseinput.md): - [basemodelholder](https://angulux.anguless.com/basemodelholder.md): - [bind](https://angulux.anguless.com/bind.md): [aglBind] - [button](https://angulux.anguless.com/button.md): [aglButtonLabel], [aglButtonIcon], [aglButton], agl-button - [card](https://angulux.anguless.com/card.md): agl-card - [chart](https://angulux.anguless.com/chart.md): agl-chart - [checkbox](https://angulux.anguless.com/checkbox.md): agl-checkbox, agl-checkBox, agl-check-box - [chip](https://angulux.anguless.com/chip.md): agl-chip - [colorpicker](https://angulux.anguless.com/colorpicker.md): agl-colorPicker, agl-colorpicker, agl-color-picker - [confirmdialog](https://angulux.anguless.com/confirmdialog.md): agl-confirmDialog, agl-confirmdialog, agl-confirm-dialog - [datepicker](https://angulux.anguless.com/datepicker.md): agl-datePicker, agl-datepicker, agl-date-picker - [dialog](https://angulux.anguless.com/dialog.md): agl-dialog - [divider](https://angulux.anguless.com/divider.md): agl-divider - [drawer](https://angulux.anguless.com/drawer.md): agl-drawer - [fileupload](https://angulux.anguless.com/fileupload.md): [aglFileContent], agl-fileupload, agl-fileUpload - [fluid](https://angulux.anguless.com/fluid.md): agl-fluid - [focustrap](https://angulux.anguless.com/focustrap.md): [aglFocusTrap] - [iconfield](https://angulux.anguless.com/iconfield.md): agl-iconfield, agl-iconField, agl-icon-field - [icons](https://angulux.anguless.com/icons.md): [data-p-icon="angle-double-down"], [data-p-icon="angle-double-left"], [data-p-icon="angle-double-right"], [data-p-icon="angle-double-up"], [data-p-icon="angle-down"], [data-p-icon="angle-left"], [data-p-icon="angle-right"], [data-p-icon="angle-up"], [data-p-icon="arrow-down"], [data-p-icon="arrow-down-left"], [data-p-icon="arrow-down-right"], [data-p-icon="arrow-left"], [data-p-icon="arrow-right"], [data-p-icon="arrow-up"], [data-p-icon="ban"], [data-p-icon="bars"], [data-p-icon="blank"], [data-p-icon="calendar"], [data-p-icon="caret-left"], [data-p-icon="caret-right"], [data-p-icon="check"], [data-p-icon="chevron-down"], [data-p-icon="chevron-left"], [data-p-icon="chevron-right"], [data-p-icon="chevron-up"], [data-p-icon="exclamation-triangle"], [data-p-icon="eye"], [data-p-icon="eyeslash"], [data-p-icon="filter"], [data-p-icon="filter-fill"], [data-p-icon="filter-slash"], [data-p-icon="home"], [data-p-icon="info-circle"], [data-p-icon="minus"], [data-p-icon="pencil"], [data-p-icon="plus"], [data-p-icon="refresh"], [data-p-icon="search"], [data-p-icon="search-minus"], [data-p-icon="search-plus"], [data-p-icon="sort-alt"], [data-p-icon="sort-amount-down"], [data-p-icon="sort-amount-up-alt"], [data-p-icon="spinner"], [data-p-icon="star"], [data-p-icon="star-fill"], [data-p-icon="th-large"], [data-p-icon="times"], [data-p-icon="times-circle"], [data-p-icon="trash"], [data-p-icon="undo"], [data-p-icon="upload"], [data-p-icon="window-maximize"], [data-p-icon="window-minimize"] - [inputicon](https://angulux.anguless.com/inputicon.md): agl-inputicon, agl-inputIcon - [inputnumber](https://angulux.anguless.com/inputnumber.md): agl-inputNumber, agl-inputnumber, agl-input-number - [inputtext](https://angulux.anguless.com/inputtext.md): [aglInputText] - [menu](https://angulux.anguless.com/menu.md): [aglMenuItemContent], agl-menu - [message](https://angulux.anguless.com/message.md): agl-message - [motion](https://angulux.anguless.com/motion.md): agl-motion, [aglMotion] - [multiselect](https://angulux.anguless.com/multiselect.md): li[aglMultiSelectItem], agl-multiSelect, agl-multiselect, agl-multi-select - [overlay](https://angulux.anguless.com/overlay.md): agl-overlay - [paginator](https://angulux.anguless.com/paginator.md): agl-paginator - [password](https://angulux.anguless.com/password.md): [aglPassword], agl-password - [popover](https://angulux.anguless.com/popover.md): agl-popover - [progressbar](https://angulux.anguless.com/progressbar.md): agl-progressBar, agl-progressbar, agl-progress-bar - [progressspinner](https://angulux.anguless.com/progressspinner.md): agl-progressSpinner, agl-progress-spinner, agl-progressspinner - [radiobutton](https://angulux.anguless.com/radiobutton.md): agl-radioButton, agl-radiobutton, agl-radio-button - [ripple](https://angulux.anguless.com/ripple.md): [aglRipple] - [scroller](https://angulux.anguless.com/scroller.md): agl-scroller, agl-virtualscroller, agl-virtual-scroller, agl-virtualScroller - [select](https://angulux.anguless.com/select.md): agl-selectItem, agl-select - [selectbutton](https://angulux.anguless.com/selectbutton.md): agl-selectButton, agl-selectbutton, agl-select-button - [skeleton](https://angulux.anguless.com/skeleton.md): agl-skeleton - [splitbutton](https://angulux.anguless.com/splitbutton.md): agl-splitbutton, agl-splitButton, agl-split-button - [table](https://angulux.anguless.com/table.md): agl-table, [aglTableBody], [aglRowGroupHeader], [aglFrozenColumn], [aglSortableColumn], agl-sortIcon, [aglSelectableRow], [aglSelectableRowDblClick], [aglContextMenuRow], [aglRowToggler], [aglResizableColumn], [aglReorderableColumn], [aglEditableColumn], [aglEditableRow], [aglInitEditableRow], [aglSaveEditableRow], [aglCancelEditableRow], agl-cellEditor, agl-tableRadioButton, agl-tableCheckbox, agl-tableHeaderCheckbox, [aglReorderableRowHandle], [aglReorderableRow], agl-columnFilter, agl-column-filter, agl-columnfilter, agl-columnFilterFormElement - [tabs](https://angulux.anguless.com/tabs.md): agl-tab, agl-tablist, agl-tabpanel, agl-tabpanels, agl-tabs - [tag](https://angulux.anguless.com/tag.md): agl-tag - [textarea](https://angulux.anguless.com/textarea.md): [aglTextarea], [aglInputTextarea] - [tieredmenu](https://angulux.anguless.com/tieredmenu.md): agl-tieredMenuSub, agl-tieredmenusub, agl-tieredMenu, agl-tieredmenu, agl-tiered-menu - [timeline](https://angulux.anguless.com/timeline.md): agl-timeline - [toast](https://angulux.anguless.com/toast.md): agl-toastItem, agl-toast - [togglebutton](https://angulux.anguless.com/togglebutton.md): agl-toggleButton, agl-togglebutton, agl-toggle-button - [toggleswitch](https://angulux.anguless.com/toggleswitch.md): agl-toggleswitch, agl-toggleSwitch, agl-toggle-switch - [tooltip](https://angulux.anguless.com/tooltip.md): [aglTooltip] - [treetable](https://angulux.anguless.com/treetable.md): agl-treeTable, agl-treetable, agl-tree-table, [aglTreeTableBody], [ttScrollableView], [ttSortableColumn], agl-treeTableSortIcon, agl-treetable-sort-icon, agl-tree-table-sort-icon, [ttResizableColumn], [ttReorderableColumn], [ttSelectableRow], [ttSelectableRowDblClick], [ttContextMenuRow], agl-treeTableCheckbox, agl-treetable-checkbox, agl-tree-table-checkbox, agl-treeTableHeaderCheckbox, [ttEditableColumn], agl-treeTableCellEditor, agl-treetablecelleditor, agl-treetable-cell-editor, [ttRow], agl-treeTableToggler, agl-treetabletoggler, agl-treetable-toggler ## Full documentation - [llms-full.txt](https://angulux.anguless.com/llms-full.txt): every module's full API in one file ## Optional - [api](https://angulux.anguless.com/api.md): internal infrastructure, declares no component or directive - [base](https://angulux.anguless.com/base.md): internal infrastructure, declares no component or directive - [config](https://angulux.anguless.com/config.md): internal infrastructure, declares no component or directive - [dom](https://angulux.anguless.com/dom.md): internal infrastructure, declares no component or directive - [ts-helpers](https://angulux.anguless.com/ts-helpers.md): internal infrastructure, declares no component or directive - [types](https://angulux.anguless.com/types.md): internal infrastructure, declares no component or directive - [usestyle](https://angulux.anguless.com/usestyle.md): internal infrastructure, declares no component or directive - [utils](https://angulux.anguless.com/utils.md): internal infrastructure, declares no component or directive