Temp Nav App Icons

A temporary package to house the app and brand icon tiles required for the System of Work / nav experience refresh. This package is a stop gap until these use cases are properly incorporated into the design system.

Usage

import { JiraLogo, JiraIcon } from '@atlaskit/temp-nav-app-icons/jira';

    // ...

    <JiraLogo label="Jira" />
    <JiraIcon label="Jira" size="24" />

Icon props

Appearance

appearance controls the color of a given app icon. By default, it is set to brand; the "legacy" appearance change the tile background to the Atlassian blue.

Size

Icon components support three sizes:

"12"px, for use in bylines alongside small text
"16"px, for use in smart links and other small UI elements
"20"px, for use in side navigation app shortcuts
"24"px, for use in the top navigation alongside the Logo components
"32"px, for use in the App Switcher and Home

If other sizes are required, please wait for future updates to @atlaskit/logo, or reach out to Design System Team.

Encoded Icons

The encoded-icons.tsx file contains a list of all the app icons in the package, encoded as base64 data URLs. This is useful for situations where you need to set the favicon.

Some code-generation logic may be required to use these strings in the templated files returned from your back-end service, or HTML templates.

包详细信息

@atlaskit/temp-nav-app-icons

自述文件