@eisgs/card

1.0.0 • Public • Published

Компонент Card

Стандартное состояние с переходом по ссылке при нажатии кнопки

import { AccessTimeIcon } from '@eisgs/icon';

<Card
  to="https://google.com"
  Icon={AccessTimeIcon}
  title="Lorem ipsum"
  description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam debitis dolorum eveniet modi, molestias necessitatibus perferendis quidem quisquam. Consequatur harum illum laudantium libero nisi odio pariatur quis quo quod recusandae."
/>

Состояние disabled

Заблокированное состояние с сообщением о недоступности и обработчиком onClick

import { DateRangeFilledIcon } from '@eisgs/icon';

<Card
  onClick={() => alert('Доступ к данному сервису ограничен. Обратитесь в службу технической поддержки')}
  disabled
  footerText="Нет права доступа"
  Icon={DateRangeFilledIcon}
  title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet asperiores beatae commodi cumque, dignissimos doloremque dolores ea esse ex expedita explicabo illo nemo nihil nobis perspiciatis possimus qui, quisquam vero!Amet aperiam asperiores aspernatur autem culpa delectus dolore dolorem incidunt laborum, modi nemo non odio placeat porro quas quasi quis quisquam sed temporibus, unde veniam veritatis voluptas voluptates. Provident, unde."
  description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet asperiores beatae commodi cumque, dignissimos doloremque dolores ea esse ex expedita explicabo illo nemo nihil nobis perspiciatis possimus qui, quisquam vero!Amet aperiam asperiores aspernatur autem culpa delectus dolore dolorem incidunt laborum, modi nemo non odio placeat porro quas quasi quis quisquam sed temporibus, unde veniam veritatis voluptas voluptates. Provident, unde."
/>

Readme

Keywords

none

Package Sidebar

Install

npm i @eisgs/card

Weekly Downloads

3

Version

1.0.0

License

MIT

Unpacked Size

17.7 kB

Total Files

5

Last publish

Collaborators

  • traidersu
  • krll_mdntsv
  • lzdyd