Angular Awesome Components

Complete list of components and directives

Home | GitHub Repository | Rules & Guidelines

AnimatedImage Utility

provides animated image functionality for Angular applications.

Animation Utility

provides animation functionality for Angular applications.

Avatar Data

provides avatar functionality for Angular applications.

Badge Data

provides badge functionality for Angular applications.

Breadcrumbs Utility

provides breadcrumbs functionality for Angular applications.

Button Input

is an interactive element that represents an action. It supports multiple variants, appearances, and sizes. It can also render as a link when href is provided.

Callout Utility

displays inline messages or alerts. It supports color variants, size and appearance options, and an optional icon via slot.

Card Layout

provides card functionality for Angular applications.

Carousel Utility

provides carousel functionality for Angular applications.

Checkbox Input

provides checkbox functionality for Angular applications.

ColorPicker Utility

provides color picker functionality for Angular applications.

Comparison Utility

provides comparison functionality for Angular applications.

CopyButton Utility

provides copy button functionality for Angular applications.

Details Utility

provides details functionality for Angular applications.

Dialog Feedback

provides dialog functionality for Angular applications.

Divider Layout

provides divider functionality for Angular applications.

Drawer Feedback

provides drawer functionality for Angular applications.

Dropdown Utility

provides dropdown functionality for Angular applications.

FormatBytes Utility

provides format bytes functionality for Angular applications.

FormatDate Utility

provides format date functionality for Angular applications.

FormatNumber Utility

provides format number functionality for Angular applications.

Icon Utility

provides icon functionality for Angular applications.

IconButton Utility

provides icon button functionality for Angular applications.

Include Utility

provides include functionality for Angular applications.

Input Input

provides input functionality for Angular applications.

Menu Navigation

provides menu functionality for Angular applications.

Page Layout

The component is a comprehensive layout container that structures web pages with rich support for slots and responsive navigation. The Angular wrapper must support full slot projection, input bindings for layout control, and imperative methods for toggling the navigation drawer.

Popup Utility

provides popup functionality for Angular applications.

ProgressBar Utility

provides progress bar functionality for Angular applications.

ProgressRing Utility

provides progress ring functionality for Angular applications.

QrCode Utility

provides qr code functionality for Angular applications.

Radio Input

provides radio functionality for Angular applications.

Rating Utility

provides rating functionality for Angular applications.

RelativeTime Utility

The wa-relative-time component displays a localized phrase indicating the relative time from a given date to now. It supports automatic updates, multiple formatting styles, and localization.

Scroller Utility

provides scroller functionality for Angular applications.

Select Input

provides select functionality for Angular applications.

Skeleton Utility

provides skeleton functionality for Angular applications.

Slider Input

is an range input component that supports labeling, hints, min/max values, tooltips, and custom styling.

Spinner Feedback

This Angular wrapper corresponds to the Web Awesome component.

SplitPanel Utility

provides split panel functionality for Angular applications.

Switch Input

provides switch functionality for Angular applications.

TabGroup Utility

provides tab group functionality for Angular applications.

Tag Data

provides tag functionality for Angular applications.

Tree Navigation

provides tree functionality for Angular applications.