DocSpace-buildtools/web/ASC.Web.Common/src/components/ModuleTile
2020-02-03 16:07:20 +03:00
..
index.js web: Common: Refactoring: Changed component according to accepted requirements 2019-12-20 11:44:39 +03:00
ModuleTile.js web: Common: Refactoring: Changed component according to accepted requirements 2019-12-20 11:44:39 +03:00
ModuleTile.stories.js ASC.Web.Common: ModuleTile: fix import 2019-12-23 15:46:41 +03:00
ModuleTile.test.js web: Common: Refactoring: Changed component according to accepted requirements 2019-12-20 11:44:39 +03:00
README.md web: Common: Refactoring: Renamed component folder 2019-12-20 10:45:59 +03:00
StyledModuleTile.js Web.Common: removed blue border on tap from touch devices 2020-02-03 16:07:20 +03:00

ModuleTile

Module tile is used for navigation to module page

Usage

import { ModuleTile } from "asc-web-common";
<ModuleTile
  title="Documents"
  imageUrl="./modules/documents240.png"
  link="/products/files/"
  description="Create, edit and share documents. Collaborate on them in real-time. 100% compatibility with MS Office formats guaranteed."
  isPrimary={true}
  onClick={action("onClick")}
/>

Properties

Props Type Required Values Default Description
className string - - - Accepts class
description string - - - Description of primary tile
id string - - - Accepts id
imageUrl string - - - Image url/path
isPrimary bool - - - Tells when the tile should be primary
link string - - - Link to return on onClick
onClick func - - What the tile will trigger when clicked
style obj, array - - - Accepts css style
title string - - - Title of tile