Sha256: ef51d2b5da4eaa55ac6bb91d41a5cca1609673f8326be7c1c6ea3f332612b657
Contents?: true
Size: 1.03 KB
Versions: 44
Compression:
Stored size: 1.03 KB
Contents
import React from 'react'
import { Caption, Date as FormattedDate, Title } from 'playbook-ui'
const DateUnstyled = (props) => {
return (
<>
<Caption {...props}
size="xs"
text="Basic unstyled example"
/>
<FormattedDate
unstyled
value={new Date()}
{...props}
/>
<br />
<Caption {...props}
size="xs"
text="Example with wrapping typography kit"
/>
<Title {...props}
size={1}
>
<FormattedDate
unstyled
value={new Date('25 Dec 1995')}
{...props}
/>
</Title>
<br />
<Caption {...props}
size="xs"
text="Example with icon + subcaption"
/>
<Caption {...props}
size="xs"
>
<FormattedDate
showDayOfWeek
showIcon
unstyled
value={new Date('25 Dec 1995')}
{...props}
/>
</Caption>
</>
)
}
export default DateUnstyled
Version data entries
44 entries across 44 versions & 2 rubygems