Panely
Garrett Winters
UX DesignerLorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, eius.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, eius.
2 min agoLorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, eius.
1 min agoLorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, eius.
2 min ago
Brielle Williamson
Software EngineerGrid Navigation
Panely
Variations
Grid navigation has 3 versions of the border, like example below
Basic
Default version of grid navigation
Flush
Add .grid-nav-flush to default grid navigation to appear like below
Bordered
Add .grid-nav-bordered to default grid navigation to appear like below
More content
You can add multiple rows and more content by using .grid-nav-title and .grid-nav-subtitle
Profile
Edit your profileMessages
Check new messagesActivities
Show last activityTasks
Remind my tasksNotes
Show my notesNotification
Check all notificationAction
.grid-nav-item class is support for <a>. Apply hover and focus states by adding .grid-nav-action. Use .active to appear clicked effect to individual link and use .disabled for disabled appearance.
