import { Graphic } from '@workday/canvas-kit-react/icon';

import avatarImage from './images/v14/v14-avatar.png';
import breadcrumbsImage from './images/v14/v14-breadcrumbs.png';
import cardImage from './images/v14/v14-card.png';
import checkboxImage from './images/v14/v14-checkbox.png';
import countBadgeImage from './images/v14/v14-count-badge.png';
import expandableImage from './images/v14/v14-expandable.png';
import infoHighlightImage from './images/v14/v14-info-highlight.png';
import loadingDotsImage from './images/v14/v14-loading-dots.png';
import pillImage from './images/v14/v14-pill.png';
import primaryButtonImage from './images/v14/v14-primary-button.png';
import radioImage from './images/v14/v14-radio.png';
import secondaryButtonImage from './images/v14/v14-secondary-button.png';
import selectImage from './images/v14/v14-select.png';
import statusIndicatorImage from './images/v14/v14-status-indicator-preview.png';
import tabsImage from './images/v14/v14-tabs.png';
import tertiaryButtonImage from './images/v14/v14-tertiary-button.png';
import textAreaImage from './images/v14/v14-text-area.png';
import textInputImage from './images/v14/v14-text-input.png';


# Canvas Kit 14.0 Visual Changes

This guide contains an overview of the changes in Canvas Kit v14. If you have any issues, feel free
to report them [here](https://github.com/Workday/canvas-kit/issues). For a mode detailed overview of
the changes in v14, please view our
[v14 Upgrade Guide](/help/upgrade-guides/canvas-v14-upgrade-guide/).

<Graphic src={{url: avatarImage}} />
<Graphic src={{url: breadcrumbsImage}} />
<Graphic src={{url: primaryButtonImage}} />
<Graphic src={{url: secondaryButtonImage}} />
<Graphic src={{url: tertiaryButtonImage}} />
<Graphic src={{url: cardImage}} />
<Graphic src={{url: checkboxImage}} />
<Graphic src={{url: radioImage}} />
<Graphic src={{url: selectImage}} />
<Graphic src={{url: textAreaImage}} />
<Graphic src={{url: textInputImage}} />
<Graphic src={{url: countBadgeImage}} />
<Graphic src={{url: expandableImage}} />
<Graphic src={{url: infoHighlightImage}} />
<Graphic src={{url: loadingDotsImage}} />
<Graphic src={{url: pillImage}} />
<Graphic src={{url: statusIndicatorImage}} />
<Graphic src={{url: tabsImage}} />