# CoreUI Angular documentation

> CoreUI for Angular is a UI component library written in TypeScript and ready for your next Angular project.

## Getting started

- [Introduction](/angular/docs/getting-started/introduction.md): CoreUI for Angular is a UI Component library written in TypeScript, and ready for your next Angular project. Learn how to include CoreUI Angular Components in your project.
- [Accessibility](/angular/docs/getting-started/accessibility.md): A brief overview of CoreUI for Angular features and limitations for the creation of accessible content.
- [Support CoreUI](/angular/docs/getting-started/support-coreui.md)

## AI Tools

- [LLMs.txt](/angular/docs/ai-tools/llms-txt.md): LLM-optimized documentation endpoints for CoreUI for Angular — llms.txt, llms-full.txt, and a Markdown version of every page.
- [MCP Server](/angular/docs/ai-tools/mcp.md): Bring the CoreUI for Angular documentation into your AI coding assistant with the @coreui/docs-mcp Model Context Protocol server.

## Customize

- [Sass](/angular/docs/customize/sass.md): Utilize CoreUI source Sass files to take advantage of variables, maps, mixins, and functions to help you build faster and customize your project.
- [Options](/angular/docs/customize/options.md): Quickly customize CoreUI for Angular with built-in variables to easily toggle global CSS preferences for controlling style and behavior.
- [CSS Variables](/angular/docs/customize/css-variables.md): Use CoreUI CSS custom properties for fast and forward-looking design and development.

## Layout

- [Breakpoints](/angular/docs/layout/breakpoints.md): Breakpoints are the triggers in CoreUI for Angular for how your layout responsive changes across device or viewport sizes.
- [Containers](/angular/docs/layout/containers.md): Containers are a fundamental building block of CoreUI for Angular. They contain, pad, and align your content within a given device or viewport.
- [Grid](/angular/docs/layout/grid.md): Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass variables and mixins, and dozens of predefined classes.
- [Columns](/angular/docs/layout/columns.md): Learn how to modify columns with a handful of options for alignment, ordering, and offsetting thanks to flexbox grid system.
- [Gutters](/angular/docs/layout/gutters.md): Gutters are the padding between your columns, used to responsively space and align content in the CoreUI for Angular grid system.

## Forms

- [Overview](/angular/docs/forms/overview.md): Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.
- [Autocomplete](/angular/docs/forms/autocomplete.md): Develop robust Angular Autocomplete components that enable dynamic search, dropdown suggestions, and seamless integration with external data sources. The pinnacle Angular Autocomplete solution for contemporary web applications.
- [Date Picker](/angular/docs/forms/date-picker.md): Create consistent cross-browser and cross-device Angular date picker.
- [Date Range Picker](/angular/docs/forms/date-range-picker.md): Create consistent cross-browser and cross-device Angular date range picker.
- [Form Control](/angular/docs/forms/form-control.md): Angular input and textarea components. Give textual form controls like input and textarea an upgrade with custom styles, sizing, focus states, and more.
- [Select](/angular/docs/forms/select.md): Angular Select directive. Customize the native select with custom CSS that changes initial element appearance.
- [Multi Select](/angular/docs/forms/multi-select.md): Customize the native select with a powerful CoreUI Multi-Select component that changes initial element appearance and brings some new functionalities.
- [Checks & Radios](/angular/docs/forms/checks-radios.md): Create consistent cross-browser and cross-device checkboxes and radios with our Angular checkbox, radio, and switch components.
- [OTP Input](/angular/docs/forms/otp.md): Develop secure and user-friendly Angular one-time password input fields with automatic navigation, paste support, validation, and customizable options for modern authentication flows.
- [Password Input](/angular/docs/forms/password-input.md)
- [Range](/angular/docs/forms/range.md): Use our custom Angular Range inputs for consistent cross-browser styling and built-in customization.
- [Range Slider](/angular/docs/forms/range-slider.md): Enhance your forms with our customizable Angular Range Slider component for advanced range selection.
- [Rating](/angular/docs/forms/rating.md): Angular star rating component allows users to rate and provide feedback on content or products by selecting a specified number of stars, typically ranging from one to five, representing their level of satisfaction or preference.
- [Stepper](/angular/docs/forms/stepper.md): Angular Stepper Component – Multi-Step Form Wizard for Angular
- [Input Group](/angular/docs/forms/input-group.md): Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.
- [Floating Labels](/angular/docs/forms/floating-labels.md): Angular floating label component. Create beautifully simple form labels that float over your input fields.
- [Layout](/angular/docs/forms/layout.md): Give your forms some structure — from inline to horizontal to custom grid implementations — with our Angular form layout options.
- [Time Picker](/angular/docs/forms/time-picker.md): Create consistent cross-browser and cross-device Angular time picker.
- [Validation](/angular/docs/forms/validation.md): Provide valuable, actionable feedback to your users with HTML5 form validation, via browser default behaviors or custom styles and Angular Forms Validation.

## Components

- [Accordion](/angular/docs/components/accordion.md): Build vertically collapsing accordions in combination with our Angular Collapse component.
- [Alert](/angular/docs/components/alert.md): Angular alert component gives contextual feedback information for common user operations. The alert component is delivered with a bunch of usable and adjustable alert messages.
- [Avatar](/angular/docs/components/avatar.md): Angular Avatar component can be used to display circular user profile pictures. Avatar can be used to portray people or objects. It supports images, icons, or letters.
- [Badge](/angular/docs/components/badge.md): Angular badge component is small count and labeling component.
- [Breadcrumb](/angular/docs/components/breadcrumb.md): Angular Breadcrumb navigation component indicates the current location within a navigational hierarchy that automatically adds separators.
- [Button](/angular/docs/components/button.md): Angular button directive for actions in tables, forms, cards, and more. CoreUI for Angular provides various styles, states, and size. Ready to use and easy to customize.
- [Button Group](/angular/docs/components/button-group.md): Angular Button Group component allows to group a series of buttons and power them with TypeScript.
- [Calendar](/angular/docs/components/calendar.md): The Angular Calendar Component is a versatile, customizable tool for creating responsive calendars in Angular, supporting day, month, and year selection, with global locales.
- [Callout](/angular/docs/components/callout.md): Angular Callout component provides presentation of content in a visually distinct manner. Includes a heading, icon and typically text-based content.
- [Card](/angular/docs/components/card.md): Angular Card component provides a flexible and extensible container for displaying content. Card is delivered with a bunch of variants and options.
- [Carousel](/angular/docs/components/carousel.md): Angular Carousel is a slideshow component for cycling through elements—images or slides of text—like a carousel.
- [Close button](/angular/docs/components/close-button.md): A generic Angular close button directive for dismissing content like modals and alerts.
- [Collapse](/angular/docs/components/collapse.md): Angular Collapse directive toggles the visibility of content across your project with a few classes and some scripts. Useful for a large amount of content.
- [Dropdown](/angular/docs/components/dropdown.md): Angular Dropdown component allows you to toggle contextual overlays for displaying lists, links, and more html elements.
- [Footer](/angular/docs/components/footer.md): Angular Footer component is an additional navigation used for displaying general information that a user might want to access from any page within your site. It is a place to display boilerplate text about the site, company info, copyrights, links to a contact form, sitemap, FAQ and other such resources.
- [Header](/angular/docs/components/header.md): Documentation and examples for Angular Header - a powerful, responsive navigation header. Includes support for branding, links, dropdowns, and more.
- [Image](/angular/docs/components/image.md): Angular image directive with responsive behavior (so it never becomes larger than their parent element) and special styles.
- [List Group](/angular/docs/components/list-group.md): List Group component allows displaying a series of content. Learn how to use CoreUI list group to build complex list structure on your website.
- [Loading Button](/angular/docs/components/loading-button.md): Angular Buttons with built-in loading indicators. Indicate the loading state of the button bridging the gap between action and feedback.
- [Modal](/angular/docs/components/modal.md): Angular Modal component offers a lightweight, multi-purpose popup to add dialogs to yours. Learn how to customize Angular CoreUI Modals easily. Multiple examples and tutorial.
- [Nav](/angular/docs/components/nav.md): Documentation and examples of how to use CoreUI Angular navigation components.
- [Navbar](/angular/docs/components/navbar.md): Documentation and examples for the Angular navbar - a powerful, responsive navigation header component. Includes support for branding, links, dropdowns, and more.
- [Offcanvas](/angular/docs/components/offcanvas.md): Angular Offcanvas component allows to build hidden sidebars into your project for navigation, shopping carts, etc.
- [Pagination](/angular/docs/components/pagination.md): Documentation and examples for showing Angular pagination to indicate a series of related content exists across multiple pages.
- [Placeholder](/angular/docs/components/placeholder.md): Use Angular placeholders for your components or pages to indicate something may still be loading.
- [Popover](/angular/docs/components/popover.md): Documentation and examples for adding Angular Popovers to any element on your site.
- [Progress](/angular/docs/components/progress.md): Documentation and examples for using Angular progress bars featuring support for stacked bars, animated backgrounds, and text labels.
- [Search Button](/angular/docs/components/search-button.md): Angular search button component for keyboard-aware search entry points, command palettes, modals, and offcanvas panels.
- [Smart Pagination](/angular/docs/components/smart-pagination.md): Documentation and examples for showing Angular smart pagination to indicate a series of related content exists across multiple pages.
- [Smart Table](/angular/docs/components/smart-table.md): Angular Smart Table provides a full set of features for displaying and manipulating tabular data. It allows you to easily create dynamic and interactive tables with features such as sorting, filtering, pagination, and searching. Angular Smart Table Component (DataTable) makes it easy to work with large datasets, and it is widely used in a variety of applications, including web-based applications, e-commerce sites, and more.
- [Sidebar](/angular/docs/components/sidebar.md): Angular Sidebar is a powerful and customizable responsive navigation component for any type of vertical navigation. Sidebar comes with built-in support for branding, navigation, and more.
- [Spinner](/angular/docs/components/spinner.md): Indicate the loading state of a component or page with CoreUI Angular spinners.
- [Table](/angular/docs/components/table.md): Documentation and examples for opt-in styling of Angular tables.
- [Tabs](/angular/docs/components/tabs.md): The CoreUI Angular Tabs component offers a flexible and accessible way to create tabbed navigation in your application. It supports various styles and configurations to meet different design requirements.
- [Toast](/angular/docs/components/toast.md): Push notifications to your visitors with an Angular toast, a lightweight and easily customizable alert message.
- [Tooltip](/angular/docs/components/tooltip.md): Documentation and examples for adding Angular Tooltips.
- [Widgets](/angular/docs/components/widgets.md): Angular widget components give information about the app statistics.

## Icons

- [Icons](/angular/docs/icons.md): Official Angular component for CoreUI Icons and CoreUI Icons PRO.

## Charts

- [Charts](/angular/docs/charts.md): CoreUI Angular wrapper for Chart.js 4.x, the most popular charting library.

## Templates

- [Admin & Dashboard](/angular/docs/templates/admin-dashboard.md): Develop modern responsive applications in half the time with high-performing and easy-to-customize CoreUI Angular admin dashboard to cover any requirement.
- [Download](/angular/docs/templates/download.md): Download CoreUI Angular Admin Templates to get the source code that lets you customize and create your angular-based application.
- [Installation](/angular/docs/templates/installation.md): Learn how to use CoreUI Angular Admin Dashboard Templates including npm scripts to build templates, compile source code, run tests, and more.
- [Customize](/angular/docs/templates/customize.md): Learn how to theme, customize, and extend CoreUI React Templates with Sass, a boatload of global options.
- [Content](/angular/docs/templates/content.md): Discover what's included in CoreUI Angular Admin Template, including our precompiled and source code flavors.

## Migration

- [v4 → v5](/angular/docs/migration/v4-v5.md): Track and review changes to the CoreUI Angular components to help you migrate from v4 to v5.
- [v3 → v4](/angular/docs/migration/v3-v4.md): Track and review changes to the CoreUI Angular components to help you migrate from v3 to v4.
- [Angular version](/angular/docs/migration/angular-version.md): CoreUI Angular version concordance chart