Socket
Socket
Sign inDemoInstall

@instructure/ui-navigation

Package Overview
Dependencies
123
Maintainers
33
Versions
1711
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @instructure/ui-navigation

Main and application level navigational components


Version published
Weekly downloads
12K
decreased by-1.57%
Maintainers
33
Created
Weekly downloads
 

Changelog

Source

8.55.0 (2024-04-09)

Bug Fixes

  • ui-dialog: menu closes when clicking on submenu (7e7d1aa)
  • ui-drawer-layout: fix drawerlayout transition bug (27ae4f1)
  • ui-tabs: fix automatic id generation (4645981)
  • ui-tray: make focus trapping work (048b9b4)

Features

  • ui-buttons: add stronger css rules for focused links (84f2306)

Readme

Source

category: packages

ui-navigation

npm  MIT License  Code of Conduct

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.

FAQs

Last updated on 09 Apr 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc