Sha256: dde18d75f0f4f333d683df62d8786af9afa343bbdf84c060aa3e498280cd8975

Contents?: true

Size: 614 Bytes

Versions: 203

Compression:

Stored size: 614 Bytes

Contents

import React from 'react'

import Card from '../_card'

const CardHighlight = (props) => {
  return (
    <div>
      <Card
          {...props}
          highlight={{ position: 'side', color: 'windows' }}
      >
        {'Card content'}
      </Card>

      <br />

      <Card
          {...props}
          highlight={{ position: 'top', color: 'warning' }}
      >
        {'Card content'}
      </Card>

      <br />

      <Card
          {...props}
          highlight={{ position: 'side', color: 'category_2' }}
      >
        {'Card content'}
      </Card>
    </div>
  )
}

export default CardHighlight

Version data entries

203 entries across 203 versions & 1 rubygems

Version Path
playbook_ui-12.13.0.pre.alpha.PLAY693tooltipwrongbg440 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.13.0.pre.alpha.PLAY705phonenumberkit438 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.13.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.12.0.pre.alpha.PLAY697sandpacklayoutstyles413 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.12.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.11.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.10.0.pre.alpha.PLAY705phonenumberreturn372 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.10.0.pre.alpha.PLAY677richtexteditorts370 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.10.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.9.1.pre.alpha.play664tiptapinvestigation353 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.9.1.pre.alpha.PLAY689bugtxtinputlabel346 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.9.1.pre.alpha.menucleanup345 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.9.1.pre.alpha.menucleanup342 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.9.1 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.9.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark301 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark300 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.8.0.pre.alpha.PLAY649mapkitstyles299 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep298 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep297 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx