Desktop design

Active states

Modal design

Mobile design

Interactive comments section

="17.0.8"><main _ngcontent-ng-c3008017911="" class="main ng-tns-c3008017911-0"><div _

017911-0"><div _ngcontent-ng-c3008017911="" data-width="narrow" class="l-container ng-tns-c3008017911-0"><app-c

inserted"><article _ngcontent-ng-c3311443260="" class="comment ng-tns-c3311443260-2"><div _

443260-2"><div _ngcontent-ng-c3311443260="" class="comment__inner c-card ng-tns-c3311443260-2"><heade

443260-2"><header _ngcontent-ng-c3311443260="" class="comment__header ng-tns-c3311443260-2"><a _ng

443260-2"><a _ngcontent-ng-c3311443260="" tabindex="-1" class="comment__author-img ng-tns-c3311443260-2" aria-label="amyrobson's profile"><img _

profile"><img _ngcontent-ng-c3311443260="" alt="" class="ng-tns-c3311443260-2" src="./assets/images/avatars/image-amyrobson.webp"></a><p

webp"></a><p _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-2"><span

443260-2"><span _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-2">posted

by</span><a _ngcontent-ng-c3311443260="" href="#" class="comment__author-name u-text-neu-600 u-fw-bold ng-tns-c3311443260-2" aria-label="amyrobson's profile"> amyro

/a><span _ngcontent-ng-c3311443260="" class="comment__publish-date ng-tns-c3311443260-2">1 mont

></header><div _ngcontent-ng-c3311443260="" class="comment__body ng-tns-c3311443260-2 ng-trigger ng-trigger-childFadeInOutMerge" style=""><p _ng

style=""><p _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-2 ng-star-inserted" style=""><!----

---></div><div _ngcontent-ng-c3311443260="" class="comment__voting-btns ng-tns-c3311443260-2"><div _

443260-2"><div _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-2"><butto

443260-2"><button _ngcontent-ng-c3311443260="" type="button" class="u-text-neu-400 ng-tns-c3311443260-2" aria-disabled="false"><img _

d="false"><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-plus.svg" alt="Upvote this comment" class="ng-tns-c3311443260-2"></butt

></button><button _ngcontent-ng-c3311443260="" type="button" class="u-text-neu-400 ng-tns-c3311443260-2" aria-disabled="false"><img _

d="false"><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-minus.svg" alt="Downvote this comment" class="ng-tns-c3311443260-2"></butt

></button><dl _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-2"><dt _n

443260-2"><dt _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-2"> comme

core </dt><dd _ngcontent-ng-c3311443260="" class="u-text-pr-500 u-fs-500 u-fw-medium ng-tns-c3311443260-2"> 12 </

div></div><div _ngcontent-ng-c3311443260="" class="comment__authoring-btns ng-tns-c3311443260-2"><div _

443260-2"><button _ngcontent-ng-c3311443260="" type="button" class="u-text-pr-500 u-text-capitalize u-fw-medium u-fs-500 ng-tns-c3311443260-2 ng-star-inserted" style=""><img _

style=""><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-reply.svg" alt="" class="ng-tns-c3311443260-2"><span

443260-2"><span _ngcontent-ng-c3311443260="" class="u-ms-300 ng-tns-c3311443260-2"> reply

2"> reply <span _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-2">to thi

inserted"><article _ngcontent-ng-c3311443260="" class="comment ng-tns-c3311443260-3"><div _

443260-3"><div _ngcontent-ng-c3311443260="" class="comment__inner c-card ng-tns-c3311443260-3"><heade

443260-3"><header _ngcontent-ng-c3311443260="" class="comment__header ng-tns-c3311443260-3"><a _ng

443260-3"><a _ngcontent-ng-c3311443260="" tabindex="-1" class="comment__author-img ng-tns-c3311443260-3" aria-label="maxblagun's profile"><img _

profile"><img _ngcontent-ng-c3311443260="" alt="" class="ng-tns-c3311443260-3" src="./assets/images/avatars/image-maxblagun.webp"></a><p

webp"></a><p _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-3"><span

443260-3"><span _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-3">posted

by</span><a _ngcontent-ng-c3311443260="" href="#" class="comment__author-name u-text-neu-600 u-fw-bold ng-tns-c3311443260-3" aria-label="maxblagun's profile"> maxbl

/a><span _ngcontent-ng-c3311443260="" class="comment__publish-date ng-tns-c3311443260-3">2 week

></header><div _ngcontent-ng-c3311443260="" class="comment__body ng-tns-c3311443260-3 ng-trigger ng-trigger-childFadeInOutMerge" style=""><p _ng

style=""><p _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-3 ng-star-inserted" style=""><!----

---></div><div _ngcontent-ng-c3311443260="" class="comment__voting-btns ng-tns-c3311443260-3"><div _

443260-3"><div _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-3"><butto

443260-3"><button _ngcontent-ng-c3311443260="" type="button" class="u-text-neu-400 ng-tns-c3311443260-3" aria-disabled="false"><img _

d="false"><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-plus.svg" alt="Upvote this comment" class="ng-tns-c3311443260-3"></butt

></button><button _ngcontent-ng-c3311443260="" type="button" class="u-text-neu-400 ng-tns-c3311443260-3" aria-disabled="false"><img _

d="false"><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-minus.svg" alt="Downvote this comment" class="ng-tns-c3311443260-3"></butt

></button><dl _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-3"><dt _n

443260-3"><dt _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-3"> comme

core </dt><dd _ngcontent-ng-c3311443260="" class="u-text-pr-500 u-fs-500 u-fw-medium ng-tns-c3311443260-3"> 5 </d

div></div><div _ngcontent-ng-c3311443260="" class="comment__authoring-btns ng-tns-c3311443260-3"><div _

443260-3"><button _ngcontent-ng-c3311443260="" type="button" class="u-text-pr-500 u-text-capitalize u-fw-medium u-fs-500 ng-tns-c3311443260-3 ng-star-inserted" style=""><img _

style=""><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-reply.svg" alt="" class="ng-tns-c3311443260-3"><span

443260-3"><span _ngcontent-ng-c3311443260="" class="u-ms-300 ng-tns-c3311443260-3"> reply

3"> reply <span _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-3">to thi

iv><section _ngcontent-ng-c3311443260="" aria-label="Replies" class="comment__replies ng-tns-c3311443260-3 ng-star-inserted" style=""><app-c

inserted"><article _ngcontent-ng-c3311443260="" class="comment ng-tns-c3311443260-4"><div _

443260-4"><div _ngcontent-ng-c3311443260="" class="comment__inner c-card ng-tns-c3311443260-4"><heade

443260-4"><header _ngcontent-ng-c3311443260="" class="comment__header ng-tns-c3311443260-4"><a _ng

443260-4"><a _ngcontent-ng-c3311443260="" tabindex="-1" class="comment__author-img ng-tns-c3311443260-4" aria-label="ramsesmiron's profile"><img _

profile"><img _ngcontent-ng-c3311443260="" alt="" class="ng-tns-c3311443260-4" src="./assets/images/avatars/image-ramsesmiron.webp"></a><p

webp"></a><p _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-4"><span

443260-4"><span _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-4">posted

by</span><a _ngcontent-ng-c3311443260="" href="#" class="comment__author-name u-text-neu-600 u-fw-bold ng-tns-c3311443260-4" aria-label="ramsesmiron's profile"> ramse

/a><span _ngcontent-ng-c3311443260="" class="comment__publish-date ng-tns-c3311443260-4">1 week

></header><div _ngcontent-ng-c3311443260="" class="comment__body ng-tns-c3311443260-4 ng-trigger ng-trigger-childFadeInOutMerge" style=""><p _ng

style=""><p _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-4 ng-star-inserted" style=""><span

style=""><span _ngcontent-ng-c3311443260="" class="u-text-pr-500 u-fw-medium ng-tns-c3311443260-4 ng-star-inserted"><span

inserted"><span _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-4">Replyi

to </span><a _ngcontent-ng-c3311443260="" href="#" class="ng-tns-c3311443260-4"> @maxb

---></div><div _ngcontent-ng-c3311443260="" class="comment__voting-btns ng-tns-c3311443260-4"><div _

443260-4"><div _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-4"><butto

443260-4"><button _ngcontent-ng-c3311443260="" type="button" class="u-text-neu-400 ng-tns-c3311443260-4" aria-disabled="false"><img

d="false"><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-plus.svg" alt="Upvote this comment" class="ng-tns-c3311443260-4"></butt

></button><button _ngcontent-ng-c3311443260="" type="button" class="u-text-neu-400 ng-tns-c3311443260-4" aria-disabled="false"><img _

d="false"><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-minus.svg" alt="Downvote this comment" class="ng-tns-c3311443260-4"></butt

></button><dl _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-4"><dt _n

443260-4"><dt _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-4"> comme

core </dt><dd _ngcontent-ng-c3311443260="" class="u-text-pr-500 u-fs-500 u-fw-medium ng-tns-c3311443260-4"> 4 </d

div></div><div _ngcontent-ng-c3311443260="" class="comment__authoring-btns ng-tns-c3311443260-4"><div _

443260-4"><button _ngcontent-ng-c3311443260="" type="button" class="u-text-pr-500 u-text-capitalize u-fw-medium u-fs-500 ng-tns-c3311443260-4 ng-star-inserted" style=""><img _

style=""><img _ngcontent-ng-c3311443260="" src="./assets/images/icon-reply.svg" alt="" class="ng-tns-c3311443260-4"><span

443260-4"><span _ngcontent-ng-c3311443260="" class="u-ms-300 ng-tns-c3311443260-4"> reply

4"> reply <span _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-4">to thi

iv><section _ngcontent-ng-c3311443260="" aria-label="Replies" class="comment__replies ng-tns-c3311443260-4 ng-star-inserted" style=""><app-c

inserted"><article _ngcontent-ng-c3311443260="" class="comment ng-tns-c3311443260-5"><div _

443260-5"><div _ngcontent-ng-c3311443260="" class="comment__inner c-card ng-tns-c3311443260-5"><heade

443260-5"><header _ngcontent-ng-c3311443260="" class="comment__header ng-tns-c3311443260-5"><a _ng

443260-5"><a _ngcontent-ng-c3311443260="" tabindex="-1" class="comment__author-img ng-tns-c3311443260-5" aria-label="juliusomo's profile"><img _

profile"><img _ngcontent-ng-c3311443260="" alt="" class="ng-tns-c3311443260-5" src="./assets/images/avatars/image-juliusomo.webp"></a><p

webp"></a><p _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-5"><span

443260-5"><span _ngcontent-ng-c3311443260="" class="u-sr-only ng-tns-c3311443260-5">posted

by</span><a _ngcontent-ng-c3311443260="" href="#" class="comment__author-name u-text-neu-600 u-fw-bold ng-tns-c3311443260-5" aria-label="juliusomo's profile"> juliu

usomo </a><span _ngcontent-ng-c3311443260="" aria-hidden="true" class="comment__author-badge ng-tns-c3311443260-5 ng-star-inserted" style=""> you <

an><span _ngcontent-ng-c3311443260="" class="comment__publish-date ng-tns-c3311443260-5">2 days

></header><div _ngcontent-ng-c3311443260="" class="comment__body ng-tns-c3311443260-5 ng-trigger ng-trigger-childFadeInOutMerge" style=""><p _ng

style=""><p _ngcontent-ng-c3311443260="" class="ng-tns-c3311443260-5 ng-star-inserted" style=""><span

style=""><span _ngcontent-ng-c3311443260="" class="u-text-pr-500 u-fw-medium ng-tns-c3311443260-5 ng-star-inserted"><span

Design comparison

Please log in to post a comment

Interactive Comments Section With Angular

Design comparison

Solution retrospective

Community feedback

Please log in to post a comment

Join our Discord community