Socket
Socket
Sign inDemoInstall

@instructure/ui-side-nav-bar

Package Overview
Dependencies
13
Maintainers
0
Versions
224
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@instructure/ui-side-nav-bar

Main and application level navigational components


Version published
Maintainers
0
Created

Changelog

Source

9.2.0 (2024-07-09)

Bug Fixes

  • ui-drilldown: index drilldown options to always preserve the correct order (3159d06)
  • ui-file-drop: set aria-invalid to true when there are error messages (67fce51)
  • ui-number-input,ui-pagination: set numberinput type to number (19f27f5)
  • ui-top-nav-bar: fix topnavbar item width changing (88993e2)
  • ui-top-nav-bar: lowered topnavbar zindex so it goes below trays/popovers/modals/etc (bcfcb84)

Features

  • ui-table: remove restriction for children types and add documentation (00e3026)
  • ui-tray: add optional mask overlay to tray (8616638)

Readme

Source

category: packages

ui-side-nav-bar

npm  MIT License  Code of Conduct

Main and application level navigational components.

Components

The ui-side-nav-bar package contains the following:

Installation

npm install @instructure/ui-side-nav-bar

Usage

import React from 'react'
import { SideNavBar } from '@instructure/ui-side-nav-bar'
import { Avatar } from '@instructure/ui-avatar'

const MySideNavBar = () => {
  return (
    <SideNavBar label="My SideNavBar">
      <SideNavBar.Item
        icon={<Avatar name="Joel Andrews" size="x-small" />}
        label="My Account"
        href="http://example.com"
      />
    </SideNavBar>
  )
}

For detailed usage and documentation, see individual component examples.

FAQs

Last updated on 09 Jul 2024

Did you know?

Socket

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

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc