Collection of theme-ui and external components.
created:3/15/2021
updated:3/15/2021
source lines:37
comments %:30

InfoTip

Displays an information icon with markdown-enabled popup on hover

Component

import { InfoTip } from '@component-controls/components';

Overview

({ children, size }) => (
<InfoTip size={size}>{children}</InfoTip>
)

Controls

Name
Description
Default
Controls
- (1 properties)
children
text
  # Header H1
  ## Header H2
  ### Header H3
  #### Header H4
  ##### Header H5
  
  some text  
  
InfoTipProps (1 properties)

Properties

Name
Description
Default
InfoTipProps (2 properties)
size

size of the icon in pixels

number
18
icon

custom icon

ReactNode
-
PopoverOwnProps (1 properties)
TooltipTriggerProps (16 properties)

External dependencies

package
imports
peer
InfoIcon
react
^17.0.1
ReactNodeFC
*
theme-ui
^0.6.0-alpha.7
jsxButtonBox

Internal dependencies

file
imports
"../Popover"
PopoverPopoverProps
"../Markdown"

Component JSX

<Markdown
/>
Markdown
from"../Markdown"