2016-10-06 16:23:13 -07:00
|
|
|
`react-add-to-calendar` (component)
|
2016-10-06 16:12:34 -07:00
|
|
|
===============
|
2016-10-06 11:48:09 -07:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Props
|
|
|
|
|
-----
|
|
|
|
|
|
2016-10-06 16:12:34 -07:00
|
|
|
### `buttonClassClosed`
|
|
|
|
|
|
|
|
|
|
type: `string`
|
|
|
|
|
defaultValue: `'react-add-to-calendar__button'`
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### `buttonClassOpen`
|
|
|
|
|
|
|
|
|
|
type: `string`
|
|
|
|
|
defaultValue: `'react-add-to-calendar__button--light'`
|
|
|
|
|
|
|
|
|
|
|
2016-10-06 11:48:09 -07:00
|
|
|
### `buttonLabel`
|
|
|
|
|
|
|
|
|
|
type: `string`
|
|
|
|
|
defaultValue: `'Add to My Calendar'`
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### `buttonTemplate`
|
|
|
|
|
|
|
|
|
|
type: `object`
|
|
|
|
|
defaultValue: `{ caret: 'right' }`
|
|
|
|
|
|
|
|
|
|
|
2016-10-06 16:12:34 -07:00
|
|
|
### `buttonWrapperClass`
|
|
|
|
|
|
|
|
|
|
type: `string`
|
|
|
|
|
defaultValue: `'react-add-to-calendar__wrapper'`
|
|
|
|
|
|
|
|
|
|
|
2016-10-06 11:48:09 -07:00
|
|
|
### `displayItemIcons`
|
|
|
|
|
|
|
|
|
|
type: `bool`
|
|
|
|
|
defaultValue: `true`
|
|
|
|
|
|
|
|
|
|
|
2016-10-06 16:12:34 -07:00
|
|
|
### `dropdownClass`
|
|
|
|
|
|
|
|
|
|
type: `string`
|
|
|
|
|
defaultValue: `'react-add-to-calendar__dropdown'`
|
|
|
|
|
|
|
|
|
|
|
2016-10-06 11:48:09 -07:00
|
|
|
### `event` (required)
|
|
|
|
|
|
2016-10-06 16:23:13 -07:00
|
|
|
type: `shape[object Object]`
|
2016-10-06 11:48:09 -07:00
|
|
|
defaultValue: `{
|
|
|
|
|
title: 'Sample Event',
|
|
|
|
|
description: 'This is the sample event provided as an example only',
|
|
|
|
|
location: 'Portland, OR',
|
|
|
|
|
startTime: '2016-09-16T20:15:00-04:00',
|
|
|
|
|
endTime: '2016-09-16T21:45:00-04:00'
|
|
|
|
|
}`
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### `listItems`
|
|
|
|
|
|
2016-10-06 16:23:13 -07:00
|
|
|
type: `arrayOf[object Object]`
|
2016-10-06 11:48:09 -07:00
|
|
|
defaultValue: `[
|
|
|
|
|
{ apple: 'Apple Calendar' },
|
|
|
|
|
{ google: 'Google' },
|
|
|
|
|
{ outlook: 'Outlook' },
|
2017-05-03 19:16:50 -04:00
|
|
|
{ outlookcom: 'Outlook.com' },
|
2016-10-06 11:48:09 -07:00
|
|
|
{ yahoo: 'Yahoo' }
|
|
|
|
|
]`
|
|
|
|
|
|
2016-10-06 16:12:34 -07:00
|
|
|
|
|
|
|
|
### `rootClass`
|
|
|
|
|
|
|
|
|
|
type: `string`
|
|
|
|
|
defaultValue: `'react-add-to-calendar'`
|
|
|
|
|
|
2017-06-12 13:01:49 +03:00
|
|
|
### `optionsOpen`
|
|
|
|
|
type: `bool`
|
|
|
|
|
defaultValue: `false`
|