Hover Tile View Source



The Hover Tile component is an animated, moving container.



Imports


Import React and the Hover Tile Component.


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


Usage


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


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.)


ComponentsAvatar GroupButtonsCard TabsCheckboxesColorsDropdownsGlobeHover TileIconsInputsList EditorLoadersNotificationsRadiosSlidersStatsTablesTabsTogglesTooltipsTypography
View source