Skip to contentSkip to navigationSkip to topbar
Paste DSys

Sidebar

Version 2.1.0GithubDesign assets pendingPeer review pending

Sidebar contains navigation controls that rest on the left side of the screen.

@twilio-paste/sidebar

2.1.0

Minor Changes

2.0.1

Patch Changes

  • 262c1b715 #4281 Thanks @PixeledCode! - [all packages]: add use client directive to the components and icons. This will make paste library compatible with server components

2.0.0

Major Changes

  • f48211e56 #4258 Thanks @PixeledCode! - [all packages]: Upgrade to React 19 and drop support for React 16. Paste only supports the three latest versions of React. If you're using Paste in a React 17, 18, or 19 app, you should be able to upgrade with full backwards compatibility. If you experience any issues, please let us know on Github.

Patch Changes

1.1.3

Patch Changes

  • 0ed9f3482 #4226 Thanks @PixeledCode! - [Callout, ChatComposer, ChatLog, Combobox, Input, InputBox, Menu, MinimizableDialog, Modal, Popover, SideModal, SidePanel, Sidebar, Toast, Tooltip, Topbar, UserDialog]: Update styles to implement new elevation tokens

1.1.2

Patch Changes

  • 7ae14af12 #4011 Thanks @cogwizzle! - [Sidebar] Updating the unselected Sidebar Disclosure Header and SidebarNavigationItems.

1.1.1

Patch Changes

1.1.0

Minor Changes

  • b8d79200b #3442 Thanks @TheSisb! - Removed all run-time prop-type checkingfrom Paste components. Paste now ships with only TypeScript types.

    ACTION NEEDED: None. This should be 100% backwards compatible.

1.0.0

Major Changes

  • 733709127 #3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles from node to browser to minimize the risk of clashing with RequireJS. This is marked as a major out of an abundance of caution. You shouldn't need to do anything but we wanted you to be aware of the change on the off chance it has unintended consequences

Patch Changes

0.5.1

Patch Changes

  • 3c8e02a3d #3346 Thanks @SiTaggart! - [Sidebar] fixed an issue with overlay sidebars where the topbar would be over the sidebar when sidebar is expanded

  • 4d1f7c65e #3360 Thanks @SiTaggart! - Improved types where Paste extends the base HTML element that a component is based on, so that the existing blocked styling properties are not exposed as valid properties for the component via Typescript. This leads to less confusion around what is supported by a Paste component.

    Existing blocked component properties include:

    • className
    • style
    • color
  • bb49609a7 #3332 Thanks @TheSisb! - [Sidebar] SidebarNavigationItem now opens external links with the correct default rel and target attributes.

0.5.0

Minor Changes

  • 61c310e78 #3317 Thanks @SiTaggart! - [Sidebar] Included skip link functionality, allowing consumers an easy way to create application navigation skip links. Added three new required props mainContentSkipLinkID, sidebarNavigationSkipLinkID and topbarSkipLinkID. Plus three optional internationalization props to translate the skip link text

Patch Changes

  • b9d9e7123 #3328 Thanks @SiTaggart! - [Sidebar] improved SSR handling of the push content wrapper for small screen responsive layouts

0.4.0

Minor Changes

  • 83307d2e2 #3306 Thanks @SiTaggart! - [Sidebar] Improved ability to place children, like badges, inside a navigation item and have it positioned nicely by default

Patch Changes

  • 6d384057e #3303 Thanks @TheSisb! - [Sidebar] fix flicker in animation when expanding/collapsing the sidebar in compact mode. Reduce width of custom scrollbar and add margin-top.

0.3.1

Patch Changes

  • db35f7150 #3217 Thanks @TheSisb! - [Sidebar] SidebarBetaBadge no longer passes onClick when as="span". Other miscellaneous typescript fixes.

0.3.0

Minor Changes

Patch Changes

0.2.0

Minor Changes

Patch Changes

  • ed2ae23e2 #3212 Thanks @TheSisb! - [Sidebar] split up SidebarHeader so it now is composable with the new SidebarHeaderLabel and SidebarHeaderIconButton components

0.1.0

Minor Changes

  • d1d3088ca #3160 Thanks @nkrantz! - [Sidebar] Add SidebarCollapseButton and SidebarFooter components. Renamed ContentWrappers