reaviz/dist/common/Axis/LinearAxis/LinearAxisTickLine.d.ts

Data Visualization using React

import { FC } from 'react';
export interface LinearAxisTickLineProps {
    /**
     * Height of the axis. Set internally by the parent component.
     */
    height: number;
    /**
     * Width of the axis. Set internally by the parent component.
     */
    width: number;
    /**
     * Orientation of the axis. Set internally by the parent component.
     */
    orientation: 'horizontal' | 'vertical';
    /**
     * Size of the tick line.
     *
     * @default 5
     */
    size: number;
    /**
     * Stroke color of the tick line.
     *
     * @default '#8F979F'
     */
    strokeColor?: string;
    /**
     * Stroke width of the tick line.
     *
     * @default 1
     */
    strokeWidth: number;
    /**
     * Position of the tick line relative to the axis.
     */
    position: 'start' | 'end' | 'center';
    /**
     * CSS class to apply.
     */
    className?: string;
}
export declare const LinearAxisTickLine: FC<Partial<LinearAxisTickLineProps>>;
export declare const LINEAR_AXIS_TICK_LINE_DEFAULT_PROPS: {
    strokeColor: string;
    strokeWidth: number;
    size: number;
};