Design Spec for Left Panel

[chrisconnors-ibm]

No description provided.

[aagonzales]

Original shell pieces:

Updating for scallop

[aagonzales]

Left/side nav for scallop:

• panel geometry

• panel behavior (including responsive)

• panel 1: full panel show/hides from hamburger

• panel 2: panel collapses into side rail (triggered by hamburger)

• Links

  • optional icon
  • interactive states

• Menu/sub-menu item

  • optional icon
  • interactive states

[designertyler]

Sketch file

https://ibm.box.com/s/sa3snlwnodsokuqg6j8imyxw64vhbp3o

Left panel pieces

Left panel behavior

[chrisconnors-ibm]

in the prior version did we adjust the spacing of the items so that the rail icons had square aspect hit areas?

Should the bottom chevron/pinning button be there? I thought we landed @ option 2 (hover expands over, but hamburger expands pinned/grid influencer)

[aagonzales]

Yes, we did but its too large and it would be inconsistent with the other variations. 48px row heights are just too large for general purpose, so the options are either the collapsible rail version either has a different row size than the others or its not squared.

[aagonzales]

Design spec complete for 10.3

[ghost]

We are starting to look at this for our project, specifically the secondary side (left) navigation. Looking for some guidance whether to look at the black or white version (default theme is white)?

[aagonzales]

@dayzed007 its only available in white for the 10.3 release. We're working on theming capabilities for 10.4.