File manager - Edit - /home/verseaumee/maze/wp-content/plugins/reddit-for-woocommerce/js/src/components/section/index.js
Back
/** * External dependencies */ import classnames from 'classnames'; import { Flex } from '@wordpress/components'; /** * Internal dependencies */ import Card from './card'; import './index.scss'; /** * Renders a section layout with optional blocks. * * @param {Object} props React props. * @param {string} [props.className] Additional CSS class name to be appended. * @param {JSX.Element} [props.title] Section title at the left side. * @param {JSX.Element} [props.description] Section description under the title. * @param {JSX.Element} [props.topContent] Content at the top of the section title. * @param {JSX.Element} [props.children] Section content at the right side. * @param {boolean} [props.disabled] Whether display the whole section in disabled style. * @param {boolean} [props.disabledLeft] Whether display the left side of section in disabled style. * @param {number} [props.verticalGap=6] Vertical gap between the children. */ const Section = ( { className, title, description, topContent, children, disabled, disabledLeft, verticalGap = 6, } ) => { const sectionClassName = classnames( 'rfw-section', disabled ? 'rfw-section--is-disabled' : false, disabledLeft ? 'rfw-section--is-disabled-left' : false, className ); return ( <section className={ sectionClassName }> <header className="rfw-section__header"> { topContent && <p>{ topContent }</p> } { title && <h1>{ title }</h1> } { description } </header> <Flex className="rfw-section__body" direction="column" gap={ verticalGap } > { children } </Flex> </section> ); }; Section.Card = Card; export default Section;
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings