Theme

npm_versionnpm Paragon package page

Basic Usage

Any Paragon component or export may be added to the code example.

Props API#

Sheet Props API
  • blocking bool

    specifies whether the sheet provides a click-blocking scrim

    Defaultfalse
  • children node

    an element rendered inside the sheet

  • position enum'left' | 'right' | 'top' | 'bottom'

    a string designating the sheet's position on the window

    Default'bottom'
  • show bool

    Boolean used to control whether the Sheet shows.

    Defaulttrue
  • onClose func

    Specifies function that controls show value.

    Default() => {}
  • variant enum'light' | 'dark'

    a string designating which version of the sheet to show (light vs dark)

    Default'light'

Usage Insights#

Sheet

Project NameParagon VersionInstance Count
frontend-app-course-authoring22.4.02
frontend-app-learner-dashboard22.4.01