Sha256: 8e925350baf94962a74b90895c8a730252f119ad5d93de4c7fa4085ec685224f

Contents?: true

Size: 727 Bytes

Versions: 38

Compression:

Stored size: 727 Bytes

Contents

/* @flow */

import React, { type Node } from 'react'

import { buildCss } from '../utilities/props'

type ListProps = {
  borderless: boolean,
  children: Array<Node> | Node,
  dark: boolean,
  layout: '' | 'left' | 'right',
  ordered: boolean,
  size: '' | 'large',
  xpadding: boolean,
}

const List = ({
  borderless = false,
  children,
  dark = false,
  layout = '',
  ordered = false,
  size = '',
  xpadding = false,
}: ListProps) => {
  const classes = buildCss('pb_list_kit', layout, size, {
    'dark': dark,
    'borderless': borderless,
    'ordered': ordered,
    'xpadding': xpadding,
  })

  return (
    <div className={classes}>
      <ul>
        {children}
      </ul>
    </div>
  )
}

export default List

Version data entries

38 entries across 38 versions & 1 rubygems

Version Path
playbook_ui-4.6.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.5.2 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.5.1 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.5.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.4.1 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.4.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.3.1 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.3.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.2.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.1.2 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.1.1 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.1.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.0.1 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.0.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-3.5.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-3.4.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-3.3.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-3.2.0 app/pb_kits/playbook/pb_list/_list.jsx