new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

IBM Carbon · all subjects

iconography

4 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Registering Carbon icons in Angular

Import IconService from carbon-components-angular and inject it in the component constructor. Register icons using either iconService.register() for a single icon or iconService.registerAll() for multiple icons in the component's ngOnInit lifecycle hook. Icons must also be imported from @carbon/icons (e.g., import Notification20 from '@carbon/icons/es/notification/20'). The icon names used in templates (via the ibmIcon directive) correspond to their file paths.

Icon sizes in Carbon Angular

Icons are sized using the size attribute on the svg element with the ibmIcon directive. The example uses size="20" for 20px icons.

Carbon icon components import and usage

Icon components from @carbon/react can be imported from the `@carbon/react/icons` entrypoint. Example: `import { Add } from '@carbon/react/icons';` and then used as `<Add />`.

Vue tutorial: Import Carbon icons from @carbon/icons-vue

Import individual icons from @carbon/icons-vue with their size suffix, for example: import { Notification20, UserAvatar20, AppSwitcher20 } from '@carbon/icons-vue'; Then add them to the component's components object to use them in templates.

Give your agent this brain