@yandex/ui/ListTile/ListTile.d.ts

Yandex UI components

import { FC, MouseEventHandler, ReactNode } from 'react';
import './ListTile.css';
export declare type AlignItemsValue = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
export declare type ListTileWrapperSpace = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
export interface ListTileProps {
    /**
     *  Основной контент компонента
     */
    children: ReactNode;
    /**
     * Содержимое перед `children`
     */
    leading?: ReactNode;
    /**
     * Содержимое после `children`
     */
    trailing?: ReactNode;
    /**
     * Дополнительные css-классы
     */
    className?: string;
    /**
     * Определяет ширину по содержимому
     */
    inline?: boolean;
    /**
     * Выравнивание элементов вдоль основной оси
     */
    alignItems?: AlignItemsValue;
    /**
     * Отступ слева от основного контента
     */
    leftSpace?: ListTileWrapperSpace;
    /**
     * Отступ справа от основного контента
     */
    rightSpace?: ListTileWrapperSpace;
    /**
     * Обработчик клика по ListTile
     */
    onClick?: MouseEventHandler<HTMLDivElement>;
}
export declare const cnListTile: import("@bem-react/classname").ClassNameFormatter;
/**
 * Блок примитив для удобного позиционирования контента, обрамлённый иконками или другими блоками например checkbox
 *
 * @param { ListTileProps }  props
 */
export declare const ListTile: FC<ListTileProps>;