Sha256: bdd79936de59db2c0d066fafecb7f814e1dc1ea2ae5f6dcc3abad9eea39fb3aa

Contents?: true

Size: 650 Bytes

Versions: 351

Compression:

Stored size: 650 Bytes

Contents

import React from 'react'

import Highlight from '../_highlight'
import Body from '../../pb_body/_body'

const HighlightDefault = (props) => (
  <div>
    <Highlight
        highlightedText={['highlight kit']}
        text="This is the Highlight Kit"
        {...props}
    />
    <br />
    <Body>
      {' '}
      {'Hello this is a'}
      {' '}
      <Highlight text=" highlight wrapped"/>
    </Body>
    <br />
    <Body
        highlightedText={['highlighted', 'Body Kit ']}
        highlighting
        text="This is text highlighted in the Body Kit using the text prop."
        {...props}
    />
  </div>
)

export default HighlightDefault

Version data entries

351 entries across 351 versions & 2 rubygems

Version Path
playbook_ui_docs-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui_docs-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui_docs-12.34.0.pre.alpha.play716popoverkitcloseonclickissue998 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.34.0.pre.alpha.play716popoverkitcloseonclickissue998 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui_docs-12.34.0 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.34.0 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui_docs-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.33.1 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui_docs-12.33.0.pre.alpha.PLAY905reactionbuttons982 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons982 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui_docs-12.33.0.pre.alpha.PLAY905reactionbuttons979 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons979 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui_docs-12.33.0.pre.alpha.revert2650closedialogonoutsideclick977 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.33.0.pre.alpha.revert2650closedialogonoutsideclick977 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.33.0 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui_docs-12.32.0 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
playbook_ui-12.32.0 app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx