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


ComponentsAvatar GroupButtonsCard Tabs3D CardCheckboxesColorsDropdownsHover TileIconsInputsList EditorLoadersNotificationsRadiosSlidersStatsTablesTabsTagsTogglesTooltipsTypography
View source