category: packages
ui-navigation
Main and application level navigational components.
Components
The ui-navigation
package contains the following:
Installation
npm install @instructure/ui-navigation
Usage
import React from 'react'
import { Navigation } from '@instructure/ui-navigation'
import { Avatar } from '@instructure/ui-avatar'
const MyNavigation = () => {
return (
<Navigation label="My Navigation">
<Navigation.Item
icon={<Avatar name="Joel Andrews" size="x-small" />}
label="My Account"
href="http://example.com"
/>
</Navigation>
)
}
For detailed usage and documentation, see individual component examples.