Skip to contentSkip to navigationSkip to topbar
Paste DSys

Side Panel

Version 2.0.2GithubDesign assets pendingPeer review pending

Side Panel is a container that pushes the main page content when open.

@twilio-paste/side-panel

2.0.2

Patch Changes

  • b58cfd06a #4378 Thanks @nkrantz! - [Side Panel] Fix bug where rendering side panel closed would flash a right margin while breakpointindex was undefined.

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.2.0

Minor Changes

  • 3e9bf5fbd #4230 Thanks @nkrantz! - [Side Panel] Update mobile styles, add useSidePanelState hook, animation fixes

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.0

Minor Changes

  • b315321db #4002 Thanks @nkrantz! - [Side Panel] Create SidePanelFooter exported from the Side Panel package for actions or chat composers. Make scrollbar color of SidePanelBody slightly darker for better visibility. Small improvements to spacing and alignment of SidePanelHeader.

1.0.0

Major Changes

  • bb893822d #3827 Thanks @nkrantz! - [Side Panel] add new Side Panel component. Side panel is a container that pushes the main page content when open.

Patch Changes

  • a3b7520bf #3904 Thanks @nkrantz! - [Side Panel] Fix positioning of close button when no header actions are being used by adding justifyContent="space-between"