How to use the @uifabric/example-app-base/lib/components/PlatformPicker/PlatformPicker.module.scss.icon function in @uifabric/example-app-base
To help you get started, we’ve selected a few @uifabric/example-app-base examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
OfficeDev / office-ui-fabric-react / apps / fabric-website / src / root.tsx View on Github 
import { SiteDefinition } from './SiteDefinition/index';
import { HomePage } from './pages/HomePage/HomePage';
import { NotFoundPage } from './pages/NotFoundPage/NotFoundPage';
import { AndroidLogo, AppleLogo, WebLogo } from './utilities/index';
// TODO: handle redirects
initializeFileTypeIcons('https://static2.sharepointonline.com/files/fabric/assets/item-types-fluent/');
registerIcons({
icons: {
'AndroidLogo-platformPicker': AndroidLogo({
className: platformPickerStyles.icon
}),
'AppleLogo-platformPicker': AppleLogo({
className: platformPickerStyles.icon
}),
'WebLogo-platformPicker': WebLogo({
className: platformPickerStyles.icon
})
}
});
createSite(SiteDefinition, [NotFoundPage, HomePage]);import { initializeFileTypeIcons } from '@uifabric/file-type-icons';
import { createSite } from './utilities/createSite';
import * as platformPickerStyles from '@uifabric/example-app-base/lib/components/PlatformPicker/PlatformPicker.module.scss';
import { SiteDefinition } from './SiteDefinition/index';
import { HomePage } from './pages/HomePage/HomePage';
import { NotFoundPage } from './pages/NotFoundPage/NotFoundPage';
import { AndroidLogo, AppleLogo, WebLogo } from './utilities/index';
// TODO: handle redirects
initializeFileTypeIcons('https://static2.sharepointonline.com/files/fabric/assets/item-types-fluent/');
registerIcons({
icons: {
'AndroidLogo-platformPicker': AndroidLogo({
className: platformPickerStyles.icon
}),
'AppleLogo-platformPicker': AppleLogo({
className: platformPickerStyles.icon
}),
'WebLogo-platformPicker': WebLogo({
className: platformPickerStyles.icon
})
}
});
createSite(SiteDefinition, [NotFoundPage, HomePage]);@uifabric/example-app-base
Fluent UI React components for building documentation sites.
Package Health Score
64 / 100Popular @uifabric/example-app-base functions
- @uifabric/example-app-base.createDemoApp
- @uifabric/example-app-base.createListItems
- @uifabric/example-app-base.examplesOf
- @uifabric/example-app-base.lorem
- @uifabric/example-app-base/lib/components/Page/Page.module.scss.uListFlex
- @uifabric/example-app-base/lib/components/Page/Page.module.scss.uThird
- @uifabric/example-app-base/lib/components/PlatformPicker/PlatformPicker.module.scss.icon
- @uifabric/example-app-base/lib/index.extractAnchorLink
- @uifabric/example-app-base/lib/index2.currentFabricBreakpoint
- @uifabric/example-app-base/lib/index2.EventNames.ChangedPlatform
- @uifabric/example-app-base/lib/index2.EventNames.ClickedGetStartedLink
- @uifabric/example-app-base/lib/index2.getPageFirstPlatform
- @uifabric/example-app-base/lib/index2.getSiteArea
- @uifabric/example-app-base/lib/index2.handleRedirects
- @uifabric/example-app-base/lib/index2.hasActiveChild
- @uifabric/example-app-base/lib/index2.jumpToAnchor
- @uifabric/example-app-base/lib/index2.NavSortType.alphabetized
- @uifabric/example-app-base/lib/index2.NavSortType.categories
- @uifabric/example-app-base/lib/index2.trackEvent
- @uifabric/example-app-base/lib/utilities/data.createListItems