@wordpress/components
Version:
UI components for WordPress.
48 lines (43 loc) • 1.14 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";
/**
* External dependencies
*/
/**
* Internal dependencies
*/
import { contextConnect } from '../ui/context';
import { View } from '../view';
import { useElevation } from './hook';
function UnconnectedElevation(props, forwardedRef) {
const elevationProps = useElevation(props);
return createElement(View, _extends({}, elevationProps, {
ref: forwardedRef
}));
}
/**
* `Elevation` is a core component that renders shadow, using the component
* system's shadow system.
*
* The shadow effect is generated using the `value` prop.
*
* ```jsx
* import {
* __experimentalElevation as Elevation,
* __experimentalSurface as Surface,
* __experimentalText as Text,
* } from '@wordpress/components';
*
* function Example() {
* return (
* <Surface>
* <Text>Code is Poetry</Text>
* <Elevation value={ 5 } />
* </Surface>
* );
* }
* ```
*/
export const Elevation = contextConnect(UnconnectedElevation, 'Elevation');
export default Elevation;
//# sourceMappingURL=component.js.map