Code Monkey home page Code Monkey logo

Comments (4)

Jinnie avatar Jinnie commented on June 3, 2024

@ccjasonlin Please try to reproduce your problem in one of our stackblitz templates:
https://stackblitz.com/@clr-team

from clarity.

ccjasonlin avatar ccjasonlin commented on June 3, 2024

https://stackblitz.com/edit/clarity-light-theme-clr12-cds5-xgpkdz?file=src%2Fapp%2Fapp.component.ts

You can reproduce it as simple as adding the import
import { ClarityIcons, homeIcon, scriptScheduleIcon } from '@cds/core/icon';

The following error will show

Error: src/app/app.component.ts:2:34 - error TS2305: Module '"@cds/core/icon"' has no exported member 'scriptScheduleIcon'.

2 import { ClarityIcons, homeIcon, scriptScheduleIcon } from '@cds/core/icon';

=====
`import { Component } from '@angular/core';
// import { ClarityIcons, homeIcon } from '@cds/core/icon';
import { ClarityIcons, homeIcon, scriptScheduleIcon } from '@cds/core/icon';

import '@cds/core/icon/register.js';

@component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
})
export class AppComponent {
title = 'angular-cli';

constructor() {
ClarityIcons.addIcons(homeIcon);
ClarityIcons.addIcons(scriptScheduleIcon);
}
}`

from clarity.

bbogdanov avatar bbogdanov commented on June 3, 2024

Hi @ccjasonlin,

Seems like we didn't export it as a single icon. You can use the technologyCollectionIcons to use that icon until we export it as one.

https://stackblitz.com/edit/clarity-light-theme-clr12-cds5-rlc6yk?file=src%2Fapp%2Fapp.component.ts Example

from clarity.

github-actions avatar github-actions commented on June 3, 2024

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.

from clarity.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.