Sha256: 8ba680e8dd1b5fc07298e76c60e5aa099f9a1ab04126978d290588ce3f0f384b

Contents?: true

Size: 904 Bytes

Versions: 150

Compression:

Stored size: 904 Bytes

Contents

import React from 'react'
import { Caption, Date as FormattedDate, Title } from '../../'

const DateUnstyled = (props) => {
  return (
    <>
      <Caption size="xs"
          text="Basic unstyled example"
      />
      <FormattedDate
          unstyled
          value={new Date()}
          {...props}
      />

      <br />

      <Caption size="xs"
          text="Example with wrapping typography kit"
      />
      <Title size={1}>
        <FormattedDate
            unstyled
            value="1995-12-25"
            {...props}
        />
      </Title>

      <br />

      <Caption size="xs"
          text="Example with icon + subcaption"
      />
      <Caption size="xs">
        <FormattedDate
            showDayOfWeek
            showIcon
            unstyled
            value="1995-12-25"
            {...props}
        />
      </Caption>
    </>
  )
}

export default DateUnstyled

Version data entries

150 entries across 150 versions & 2 rubygems

Version Path
playbook_ui_docs-12.37.0.pre.alpha.svgiconmethods1064 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.37.0.pre.alpha.svgiconmethods1064 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-12.37.0.pre.alpha.PLAY951collapsiblenav31062 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31062 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.37.0 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY942collapsiblenav21035 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.36.0.pre.alpha.PLAY942collapsiblenav21035 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-12.36.0 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.36.0 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.35.0 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx