Files F123163195

Ratio.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Fri, Jul 25, 09:14

Ratio.js
View Options

	import classNames from 'classnames';
	import * as React from 'react';
	import { useBootstrapPrefix } from './ThemeProvider';
	import { jsx as _jsx } from "react/jsx-runtime";
	const defaultProps = {
	aspectRatio: '1x1'
	};
	function toPercent(num) {
	if (num <= 0) return '100%';
	if (num < 1) return `${num * 100}%`;
	return `${num}%`;
	}
	const Ratio = /#__PURE__/React.forwardRef(({
	bsPrefix,
	className,
	children,
	aspectRatio,
	style,
	...props
	}, ref) => {
	bsPrefix = useBootstrapPrefix(bsPrefix, 'ratio');
	const isCustomRatio = typeof aspectRatio === 'number';
	return /#__PURE__/_jsx("div", {
	ref: ref,
	...props,
	style: {
	...style,
	...(isCustomRatio && {
	'--bs-aspect-ratio': toPercent(aspectRatio)
	})
	},
	className: classNames(bsPrefix, className, !isCustomRatio && `${bsPrefix}-${aspectRatio}`),
	children: React.Children.only(children)
	});
	});
	Ratio.defaultProps = defaultProps;
	export default Ratio;

Event Timeline