Sha256: 0fc1c4f4cc8bc80a83bd8e8e5961f88912535cd492123dab8af35904e52e52ec

Contents?: true

Size: 375 Bytes

Versions: 31

Compression:

Stored size: 375 Bytes

Contents

import React from 'react'
import { Card } from '../../'

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

      <br />

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

export default CardHighlight

Version data entries

31 entries across 31 versions & 1 rubygems

Version Path
playbook_ui-4.3.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-4.2.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-4.1.2 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-4.1.1 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-4.1.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-4.0.1 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-4.0.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-3.5.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-3.4.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-3.3.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
playbook_ui-3.2.0 app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx