Hover Tile View Source



The Hover Tile component is an animated, moving container.



Imports



Import React and the Hover Tile Component.


1
import * as React from "react";
2
import { HoverTile } from "slate-react-system";


Usage



Declare the Hover Tile component.
1
class Example extends React.Component {
2
render() {
3
return (
4
<HoverTile style={{ padding: 24 }}>
5
Example Content
6
</HoverTile>
7
);
8
}
9
}


Output



Example Content



Accepted React Properties



Hover Tiles
NameTypeDefaultDescription
width
number
300
Hover Tile width
height
number
300
Hover Tile height
style
Object
{}
Style object used to style the Hover Tile (background-color, etc.)


Components
Avatar GroupButtonsCard Tabs3D CardCheckboxesColorsDropdownsHover TileIconsInputsList EditorLoadersNotificationsRadiosSlidersStatsTablesTabsTagsTogglesTooltipsTypography
View source