carbon-design-system / carbon-design-system/carbon-tutorial-angular

Problems with Step 1: Add UI Shell

Open
#871 7 comments 4 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
20
Forks
883
PR merge metrics
No merged PRs in 30d

Description

Is the tutorial still up to date?

https://www.carbondesignsystem.com/developing/angular-tutorial/step-1#add-ui-shell

At some point during this step, we need to import the icons from our @carbon/icons package like:

import Notification16 from '@carbon/icons/es/notification/16';
import UserAvatar16 from '@carbon/icons/es/user--avatar/16';
import AppSwitcher16 from '@carbon/icons/es/app-switcher/16';

But when I look into the files at GitHub, it looks like newer carbon components are used, for example:

import { Notification20Module } from '@carbon/icons-angular/lib/notification/20';
import { UserAvatar20Module } from '@carbon/icons-angular/lib/user--avatar/20';
import { AppSwitcher20Module } from '@carbon/icons-angular/lib/app-switcher/20';

Contributor guide

No contributing guide indexed for this repository

Research direction

Compare the tutorial's Step 1: Add UI Shell page with the current files in the carbon-tutorial-angular repository, focusing on the icon imports shown in the issue. Verify whether the tutorial uses the older @carbon/icons imports while the application uses @carbon/icons-angular modules. Done means the tutorial instructions match the current implementation, or the discrepancy is documented clearly.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.