Add Vmware clarity to agular project.

1) cnpm install @angular/cli

2) ng new my-app

3) cd my-app

4) ng add @clr/angular

5) ng serve -o

 

Copy Clarity code segement to project.

 

angular\my-app\src\app\app.component.html

 

<div class="dropdown open">
    <button type="button" class="dropdown-toggle btn btn-link">
        Dropdown Toggle
        <clr-icon shape="caret down"></clr-icon>
    </button>
    <div class="dropdown-menu">
        <h4 class="dropdown-header">Dropdown header</h4>
        <button type="button" class="dropdown-item">Lorem.</button>
        <button type="button" class="dropdown-item">Lorem ipsum.</button>
        <button type="button" class="dropdown-item">Lorem ipsum dolor.</button>
        <div class="dropdown-divider"></div>
        <button type="button" class="dropdown-item">Link</button>
    </div>
</div>

 

Save !　　

https://vmware.github.io/clarity/documentation/v0.13/get-started