reablocks/dist/data/Ellipsis/Ellipsis.d.ts

Component library for React

import { FC } from 'react';
import { EllipsisTheme } from './EllipsisTheme';
export interface EllipsisProps {
    /**
     * The value to ellipsis.
     */
    value: string;
    /**
     * Whether you can expand or not. Default: true.
     * @default true
     */
    expandable?: boolean;
    /**
     * Limit of characters to show. Default: 256.
     * @default 256
     */
    limit?: number;
    /**
     * The title text to show on the hover.
     */
    title?: string | false;
    /**
     * Remove line breaks or not.
     * @default true
     */
    removeLinebreaks?: boolean;
    /**
     * Class name for the container.
     */
    className?: string;
    /**
     * Theme for the Ellipsis.
     */
    theme?: EllipsisTheme;
    /**
     * Number of lines to show before truncation. If set, overrides the character limit.
     */
    lines?: number;
    /**
     * Custom text for the expand button. Default: "..."
     * @default '...'
     */
    moreText?: string;
    /**
     * Custom text for the collapse button. Default: "Show less"
     * @default 'Show less'
     */
    lessText?: string;
}
export declare const Ellipsis: FC<EllipsisProps>;