@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
21 lines • 1.1 kB
JavaScript
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import React, { memo } from 'react';
import clsx from 'clsx';
import { TICK_LENGTH, TICK_MARGIN } from './constants';
import styles from './styles.css.js';
export default memo(EmphasizedBaseline);
function EmphasizedBaseline({ axis = 'x', width, height, scale }) {
var _a;
// Y position of the zero baseline, if it exists
const baselineY = (_a = scale.d3Scale(0)) !== null && _a !== void 0 ? _a : NaN;
const showYBaseline = axis === 'x' && isFinite(baselineY) && baselineY <= height;
if (showYBaseline) {
return (React.createElement("line", { className: clsx(styles.axis, styles['axis--emphasized']), x1: -TICK_MARGIN, x2: width, y1: baselineY, y2: baselineY, "aria-hidden": "true" }));
}
if (axis === 'y') {
return (React.createElement("line", { className: clsx(styles.axis, styles['axis--emphasized']), x1: 0, y1: 0, x2: 0, y2: height + TICK_LENGTH, "aria-hidden": "true" }));
}
return null;
}
//# sourceMappingURL=emphasized-baseline.js.map