How to use the @uifabric/example-app-base/lib/index2.NavSortType.categories 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.

github OfficeDev / office-ui-fabric-react / apps / fabric-website / src / components / Nav / Nav.tsx View on Github external
className={styles.searchBox}
          placeholder={`Search ${pageTitle}`}
          value={searchQuery}
          onChange={this._onSearchQueryChanged}
          onClick={this._onSearchBoxClick}
          underlined={true}
          styles={searchBoxStyles}
        />
github OfficeDev / office-ui-fabric-react / apps / fabric-website / src / components / Nav / Nav.tsx View on Github external
public constructor(props: INavProps) {
    super(props);

    this._localItems = !!window.localStorage
      ? {
          defaultSortState: NavSortType[localStorage.getItem('defaultSortState') as keyof typeof NavSortType]
        }
      : {};

    this.state = {
      defaultSortState: this._localItems.defaultSortState ? NavSortType[this._localItems.defaultSortState] : NavSortType.categories,
      searchQuery: '',
      sortState: this._localItems.defaultSortState ? NavSortType[this._localItems.defaultSortState] : NavSortType.categories
    };
  }
github OfficeDev / office-ui-fabric-react / apps / fabric-website / src / components / Nav / Nav.tsx View on Github external
private _setSortTypeCategories = (): void => {
    this.setState(
      {
        defaultSortState: NavSortType.categories,
        sortState: NavSortType.categories
      },
      () => {
        localStorage.setItem('defaultSortState', NavSortType[NavSortType.categories]);
      }
    );
  };
github OfficeDev / office-ui-fabric-react / apps / fabric-website / src / components / Nav / Nav.tsx View on Github external
public constructor(props: INavProps) {
    super(props);

    this._localItems = !!window.localStorage
      ? {
          defaultSortState: NavSortType[localStorage.getItem('defaultSortState') as keyof typeof NavSortType]
        }
      : {};

    this.state = {
      defaultSortState: this._localItems.defaultSortState ? NavSortType[this._localItems.defaultSortState] : NavSortType.categories,
      searchQuery: '',
      sortState: this._localItems.defaultSortState ? NavSortType[this._localItems.defaultSortState] : NavSortType.categories
    };
  }
github OfficeDev / office-ui-fabric-react / apps / fabric-website / src / components / Nav / Nav.tsx View on Github external
() => {
        localStorage.setItem('defaultSortState', NavSortType[NavSortType.categories]);
      }
    );
github OfficeDev / office-ui-fabric-react / apps / fabric-website / src / components / Nav / Nav.tsx View on Github external
private _setSortTypeCategories = (): void => {
    this.setState(
      {
        defaultSortState: NavSortType.categories,
        sortState: NavSortType.categories
      },
      () => {
        localStorage.setItem('defaultSortState', NavSortType[NavSortType.categories]);
      }
    );
  };