Sha256: 4040cb53bd5eb88f966d66257965f3fa497cc77fe5de8dfdf26ce27ef2eea8eb

Contents?: true

Size: 876 Bytes

Versions: 4

Compression:

Stored size: 876 Bytes

Contents

/* @flow */

import React, { type Node } from 'react'
import classnames from 'classnames'
import { buildCss } from '../utilities/props'
import { spacing } from '../utilities/spacing.js'

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

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

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

export default List

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
playbook_ui-4.18.1.pre.alpha1 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.18.1 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.18.0 app/pb_kits/playbook/pb_list/_list.jsx
playbook_ui-4.17.0 app/pb_kits/playbook/pb_list/_list.jsx