madmax-inc / react-materialize Goto Github PK

I noticed that <Icon/> component drops any properties on it.

The same as avatars:
<CollectionItem secondary={<Button><Icon>send</Icon></Button>} />

Or maybe for the full collection (<Collection />) ?

Materialize supports avatars in the collection items (both images and icons are supported). So the planned use case is:
<CollectionItem avatar={<Icon>account_circle</Icon>} /> for icon or
<CollectionItem avatar={<img src="some_src" />} for image

Finally I found usage of material tooltips via attributes (data-tooltip, e.t.c.) an extremely annoying practice.
So this component should solve the problem. Expected usage:

<Tooltip tooltip="A tooltip for a button!"><Button>Click Me!</Button></Tooltip>

• It must accept (and render) exactly one child component
• It should transform tooltip, delay, position props into a corresponding data-* equivalents
• It should pass these props to the child component