Collection of theme-ui and external components.
created:3/15/2021
updated:3/15/2021
source lines:55
comments %:5

Embed

theme-ui
0.6.0-alpha.7

Responsive iframe for video embeds.

Embed variants can be defined anywhere in the theme object.

Component

import { Embed } from 'theme-ui';

Overview

({ src }) => <Embed src={src} />

Controls

Name
Description
Default
Controls
src
string
-

Properties

Name
Description
Default
BoxOwnProps (3 properties)
as
ElementType<any>
-
css
Interpolation<any>
-
sx
ThemeUIStyleObject
-
SpaceProps (28 properties)
IframeHTMLAttributes (12 properties)
HTMLAttributes (44 properties)
OpacityProps (1 properties)
AriaAttributes (48 properties)
DOMAttributes (161 properties)
Attributes (1 properties)
EmbedProps (6 properties)
BackgroundColorProps (2 properties)
RefAttributes (1 properties)

External dependencies

package
imports
peer
react
React

Internal dependencies

file
imports
"./Box"
Box__isBoxStyledSystemProp
"./util"
getProps

Component JSX