grid-list-tile

v4.9.10arrow_drop_down
v4.9.10
v4.5.2
v3.9.2
STATUS
Passing
DOWNLOADS
533
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
24 KB
Demos: - [Grid List](https://material-ui.com/components/grid-list/) API: - [GridListTile API](https://material-ui.com/api/grid-list-tile/)
2 contributors
Install grid-list-tile as a package?
Copied
npm i @bit/mui-org.material-ui.grid-list-tile
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right
gridListTile ()
Properties
NameTypeDescription
children
node

Theoretically you can pass any node as children, but the main use case is to pass an img, in which case GridListTile takes care of making the image “cover” available space (similar to background-size: cover or to object-fit: cover).

classes
(required)
object

Override or extend the styles applied to the component. See CSS API below for more details.

className
string
cols
number

Width of the tile in number of grid cells.

component
elementType

The component used for the root node. Either a string to use a DOM element or a component.

rows
number

Height of the tile in number of grid cells.

Help and resources