vmware-clarity / ng-clarity

Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

Home Page:https://clarity.design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Clarity Documentation: Alerts, icon usage outdated

d-m-s opened this issue · comments

commented

Describe the bug

Caret down icons in the alert example missing in documentation.

How to reproduce

Steps to reproduce the behavior:

  1. Go to https://clarity.design/documentation/alerts#examples
  2. See examples, inside the alert examples on the right.
  3. See error: "..." icon spinning.
2023-09-26_10h54_21

Expected behavior

Caret-down icon shown.
Click on link/icon should reveal further actions.
Correct code example below.

Versions

Clarity version: v15
Framework version: Angular 15
Device: Any

This will be fixed tomorrow when we release our v16 website.

commented

Icons are fixed, but its not a working example anymore.
Click on link "Actions" does not reveal the actions.

Issue could be closed, or further improved.

This particular example was static previously as well. See https://v15.clarity.design/documentation/alerts.

The CSS-only examples are all static. We don't include the JS code needed make them functional because we are just demonstrating the CSS/HTML shown in the code snippets.

There is a functional example further down the page that uses the clr-alert component.

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.