@momentum-ui/react
Version:
Cisco Momentum UI framework for ReactJs applications
76 lines (75 loc) • 2.19 kB
JavaScript
import React from 'react';
import {
Avatar,
Icon,
List,
SpaceListMeeting,
} from '@momentum-ui/react';
export default class ListItemSpaceListMeeting extends React.PureComponent {
render() {
return(
<div className="medium-5 columns">
<List style={{backgroundColor: 'rgba(40,40,40,0.72)'}}>
<SpaceListMeeting
buttonLabel='Now'
attendees={[
{title: 'Joe Bojangles'},
{title: 'Joe Boe'},
{title: 'Joe Coe'},
{title: 'Joe Doe'},
{title: 'Joe Foe'},
{title: 'Joe Goe'},
{title: 'Joe Joe'},
{title: 'Joe Koe'},
{title: 'Joe Loe'},
{title: 'Joe Moe'},
{title: 'Joe Noe'},
{title: 'Joe Poe'},
{title: 'Moe Moe'},
{title: 'Toe Toe'}
]}
header='Attendees Prop'
subheader='must be very long long long long long message message'
/>
<SpaceListMeeting
header='isBold(true)'
subheader='subheader'
isBold
/>
<SpaceListMeeting
buttonLabel='In 5 Min'
header='MeetingType(group)'
subheader='subheader'
meetingType='group'
/>
<SpaceListMeeting
buttonLabel='2:25'
header='MeetingType(number)'
subheader='subheader'
meetingType='number'
/>
<SpaceListMeeting
attendees={[
{title: 'Joe Boe'},
{title: 'Moe Moe'},
{title: 'Toe Toe'}
]}
buttonLabel='30:25'
header='MeetingType(device)'
meetingType='device'
/>
<SpaceListMeeting
attendees={[
{title: 'Joe Boe'},
{title: 'Moe Moe'},
{title: 'Toe Toe'}
]}
buttonLabel='30:25'
header='ChildrenLeft Prop'
childrenLeft={<Avatar size={18} icon={<Icon color='blue' name='mention_12' />} />}
/>
</List>
</div>
);
}
}