SOROUSH.DESIGN
v1.3.4
Design SystemMarkdownStyled System
Getting started
  • Overview
  • Installation
  • Usage
Layout & surfaces
  • View
  • Flex
  • Grid
  • Paper
  • Card
  • Quote
  • AppBar
  • Drawer
  • Sidebar
Content & data display
  • Typography
  • Link
  • Icon
  • Image
  • Avatar
  • Table
Inputs & forms
  • Button
  • ButtonGroup
  • ToggleButton
  • TextInput
  • Checkbox
  • Radio
  • Switch
  • NativeSelect
  • Select
  • MenuItem
  • Form
  • FormControl
  • FormLabel
  • FormHelperText
  • Pagination
Feedback
  • CircularProgress
  • LinearProgress
  • Skeleton
  • Backdrop
Overlay & behavior
  • Portal
  • FocusTrap
  • Modal
  • Popover
  • Pressable
Component API
  • View API
  • Flex API
  • Grid API
  • Paper API
  • Card API
  • Quote API
  • AppBar API
  • Drawer API
  • Sidebar API
  • Typography API
  • Link API
  • Icon API
  • Image API
  • Avatar API
  • Table API
  • Button API
  • ButtonGroup API
  • ToggleButton API
  • TextInput API
  • Checkbox API
  • Radio API
  • Switch API
  • NativeSelect API
  • Select API
  • MenuItem API
  • Form API
  • FormControl API
  • FormLabel API
  • FormHelperText API
  • Pagination API
  • CircularProgress API
  • LinearProgress API
  • Skeleton API
  • Backdrop API
  • Portal API
  • FocusTrap API
  • Modal API
  • Popover API
  • Pressable API
Customization
  • Theming
  • How to customize

Backdrop API

API reference for the Backdrop component: its props with their token values and defaults, the styled-system prop groups, and forwarded HTML attributes.

Demos

For usage examples, visit the component demo page: Backdrop

Import

import { Backdrop } from '@soroush.tech/design-system/Backdrop'

Source code

If this page does not answer your question, have a look at the implementation of the component for more detail.

@soroush.tech design system