Angular Awesome Components synced with Web Awesome 3.0.0

Complete list of components and directives

Preparing for Web Awesome 1.0.0. This wrapper will not target a version above 1.0.0 until it is released.

Home | GitHub Repository | Rules & Guidelines

AnimatedImage Utility

provides animated image functionality for Angular applications.

Documentation Source

Animation Utility

provides animation functionality for Angular applications.

Documentation Source

Avatar Data

provides avatar functionality for Angular applications.

Documentation Source

Badge Data

provides badge functionality for Angular applications.

Documentation Source

Breadcrumbs Utility

provides breadcrumbs functionality for Angular applications.

Documentation Source

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.

Documentation Source

Callout Utility

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

Documentation Source

Card Layout

provides card functionality for Angular applications.

Documentation Source

Carousel Utility

provides carousel functionality for Angular applications.

Documentation Source

Checkbox Input

provides checkbox functionality for Angular applications.

Documentation Source

ColorPicker Utility

provides color picker functionality for Angular applications.

Documentation Source

Comparison Utility

provides comparison functionality for Angular applications.

Documentation Source

CopyButton Utility

provides copy button functionality for Angular applications.

Documentation Source

Details Utility

provides details functionality for Angular applications.

Documentation Source

Dialog Feedback

provides dialog functionality for Angular applications.

Documentation Source

Divider Layout

provides divider functionality for Angular applications.

Documentation Source

Drawer Feedback

provides drawer functionality for Angular applications.

Documentation Source

Dropdown Utility

provides dropdown functionality for Angular applications.

Documentation Source

FormatBytes Utility

provides format bytes functionality for Angular applications.

Documentation Source

FormatDate Utility

provides format date functionality for Angular applications.

Documentation Source

FormatNumber Utility

provides format number functionality for Angular applications.

Documentation Source

Icon Utility

provides icon functionality for Angular applications.

Documentation Source

Include Utility

provides include functionality for Angular applications.

Documentation Source

Input Input

provides input functionality for Angular applications.

Documentation Source

LayoutAlign Utility

provides layout align functionality for Angular applications.

Documentation Source

LayoutCluster Utility

provides layout cluster functionality for Angular applications.

Documentation Source

LayoutFlank Utility

provides layout flank functionality for Angular applications.

Documentation Source

LayoutFrame Utility

provides layout frame functionality for Angular applications.

Documentation Source

LayoutGap Utility

provides layout gap functionality for Angular applications.

Documentation Source

LayoutGrid Utility

provides layout grid functionality for Angular applications.

Documentation Source

LayoutSplit Utility

provides layout split functionality for Angular applications.

Documentation Source

LayoutStack Utility

provides layout stack functionality for Angular applications.

Documentation Source

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.

Documentation Source

Popover Utility

provides popover functionality for Angular applications.

Documentation Source

Popup Utility

provides popup functionality for Angular applications.

Documentation Source

ProgressBar Utility

provides progress bar functionality for Angular applications.

Documentation Source

ProgressRing Utility

provides progress ring functionality for Angular applications.

Documentation Source

QrCode Utility

provides qr code functionality for Angular applications.

Documentation Source

Radio Input

provides radio functionality for Angular applications.

Documentation Source

Rating Utility

provides rating functionality for Angular applications.

Documentation Source

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.

Documentation Source

Scroller Utility

provides scroller functionality for Angular applications.

Documentation Source

Select Input

provides select functionality for Angular applications.

Documentation Source

Skeleton Utility

provides skeleton functionality for Angular applications.

Documentation Source

Slider Input

is an range input component that supports single and dual-thumb range selection, vertical orientation, markers, tooltips, reference labels, and custom styling.

Documentation Source

Spinner Feedback

This Angular wrapper corresponds to the Web Awesome component.

Documentation Source

SplitPanel Utility

provides split panel functionality for Angular applications.

Documentation Source

Switch Input

provides switch functionality for Angular applications.

Documentation Source

TabGroup Utility

provides tab group functionality for Angular applications.

Documentation Source

Tag Data

provides tag functionality for Angular applications.

Documentation Source

Text Utility

provides text functionality for Angular applications.

Documentation Source

Toast Feedback

Toasts are small, contextual notifications that appear in a corner of the screen and disappear automatically or can be dismissed by the user. This implementation supports:

Documentation Source

Tooltip Feedback

provides tooltip functionality for Angular applications.

Documentation Source

Tree Navigation

provides tree functionality for Angular applications.

Documentation Source

Variant Utility

- Purpose: make it easy to toggle color variants on arbitrary elements, mirroring component variant behavior.

Documentation Source