SubAspectComponent is a responsive media sub-component that scales with the viewport and includes optional controls.
import React from 'react';import { SubAspectComponent } from 'mediasfu-reactjs';function App() { return ( <SubAspectComponent backgroundColor="black" showControls={true} containerWidthFraction={0.5} containerHeightFraction={0.5} defaultFractionSub={0.4} > <div>Content goes here</div> </SubAspectComponent> );}export default App; Copy
import React from 'react';import { SubAspectComponent } from 'mediasfu-reactjs';function App() { return ( <SubAspectComponent backgroundColor="black" showControls={true} containerWidthFraction={0.5} containerHeightFraction={0.5} defaultFractionSub={0.4} > <div>Content goes here</div> </SubAspectComponent> );}export default App;
Properties for the SubAspectComponent.
A responsive sub-aspect media display component.
Optional
Ignored by React.
Only kept in types for backwards compatibility. Will be removed in a future major release.
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
Legacy React Docs
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent' Copy
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent'
SubAspectComponent is a responsive media sub-component that scales with the viewport and includes optional controls.
Example