Sha256: bf0d8a00380f3c8d71051ae7e9baac33810eff8b8176e6615a4cd1e46ef79e25

Contents?: true

Size: 930 Bytes

Versions: 547

Compression:

Stored size: 930 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={new Date('25 Dec 1995')}
            {...props}
        />
      </Title>

      <br />

      <Caption size="xs"
          text="Example with icon + subcaption"
      />
      <Caption size="xs">
        <FormattedDate
            showDayOfWeek
            showIcon
            unstyled
            value={new Date('25 Dec 1995')}
            {...props}
        />
      </Caption>
    </>
  )
}

export default DateUnstyled

Version data entries

547 entries across 547 versions & 2 rubygems

Version Path
playbook_ui_docs-13.7.0.pre.alpha.play845allkitsbytypes1234 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.7.0.pre.alpha.play845allkitsbytypes1234 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.7.0.pre.alpha.play845allkitsbytypes1232 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.7.0.pre.alpha.play845allkitsbytypes1232 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.7.0.pre.alpha.play845allkitsbytypes1231 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.7.0.pre.alpha.play845allkitsbytypes1231 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.7.0.pre.alpha.play978makehighchartsadevdependencypoc1223 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.7.0.pre.alpha.play978makehighchartsadevdependencypoc1223 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.6.0.pre.alpha.play845allkitsbytypes1219 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.6.0.pre.alpha.play845allkitsbytypes1219 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.7.0 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.7.0 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.6.0.pre.alpha.tiptapreacthookformbug1210 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.6.0.pre.alpha.tiptapreacthookformbug1210 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.6.0 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.5.0.pre.alpha.play984collapsiblekithidestooltips1203 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.5.0.pre.alpha.play984collapsiblekithidestooltips1203 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.5.0.pre.alpha.PLAY823globalpropoverflow1191 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui-13.5.0.pre.alpha.PLAY823globalpropoverflow1191 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
playbook_ui_docs-13.5.0.pre.alpha.PLAY823globalpropoverflow1188 app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx