Fork me on GitHub
#
<awly-list>
[code]

This component uses Apollo GraphQL connection to obtain the data from database. It is also the perfect example of how server side rendering, hydration and client UI work together.

Urban McKeefry
Chengjiao China
Lyndsie Goncalo
Krajan Tanjungrejo Indonesia
Randell Castelli
Shemursha Russia
Dionisio Mander
Wuyang China
Westbrooke Newitt
Casal do Conde Portugal
#
<awly-progressive-image>
[code]

This component renders the image progressively. This means that it first displays the blurred placeholder image that is in place until the original image is shown. This method increases page performance for user and reduces bandwidth usage.

The original image can be loaded automatically or on request.

Load on button click

#
<awly-on-scroll-to-view>
[code]

There are two components that are talking to each other via events.

SCROLL TO ▼ 
#
<awly-user-badge>
[code]

This component renders the image progressively. This means that it first displays the blurred placeholder image that is in place until the original image is shown. This method increases page performance for user and reduces bandwidth usage.

The original image can be loaded automatically or on request.

👤
#
<awly-button>
[code]



#
<awly-input>
[code]
#
<awly-textarea>
[code]