Grid-nav
Variations
Grid Nav has 3 versions of the border, like example below
Basic
Default version of grid navigation
Profile
Messages
Activities
Flush
Add .grid-nav-flush to default grid navigation to appear like below
Profile
Messages
Activities
Bordered
Add .grid-nav-bordered to default grid navigation to appear like below
Profile
Messages
Activities
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.
