Sha256: 6eeb966383dc752dd2e506855c335a1e7704bcd6288229640e137786f82c6195

Contents?: true

Size: 690 Bytes

Versions: 228

Compression:

Stored size: 690 Bytes

Contents

import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../../utilities/props'
import { globalProps } from '../../utilities/globalProps'

type DialogBodyProps = {
  children: React.ReactNode | React.ReactNode[] | string,
  padding?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl",
  className?: string
} 

// Body component
const DialogBody = (props: DialogBodyProps) => {
  const { children, padding = "sm", className } = props
  const bodyCSS = buildCss("dialog_body")
  const bodySpacing = globalProps(props, { padding })

  return (
    <div className={classnames(bodyCSS, bodySpacing, className)}>
      {children}
    </div>
  )
}

export default DialogBody

Version data entries

228 entries across 228 versions & 1 rubygems

Version Path
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.34.0.pre.alpha.play716popoverkitcloseonclickissue998 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.34.0 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.33.1 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons982 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons979 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.33.0.pre.alpha.revert2650closedialogonoutsideclick977 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.33.0 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.32.0 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0.pre.alpha.hoverrails951 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0.pre.alpha.hoverrails948 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns944 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns941 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs935 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs933 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0.pre.alpha.datepickerdisableddatefix931 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0.pre.alpha.customiconsfa928 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
playbook_ui-12.31.0 app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx