@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
56 lines (47 loc) • 1.67 kB
TypeScript
import { SCEventType } from '@selfcommunity/types';
import { VirtualScrollerItemProps } from '../../types/virtualScroller';
export interface EventLocationWidgetProps extends VirtualScrollerItemProps {
/**
* Event Object
* @default null
*/
event?: SCEventType;
/**
* Id of the event
* @default null
*/
eventId?: number | string;
/**
* Overrides or extends the styles applied to the component.
* @default null
*/
className?: string;
/**
* Other props
*/
[p: string]: any;
}
/**
* > API documentation for the Community-JS Group Info Widget component. Learn about the available props and the CSS API.
*
*
* This component renders a widget containing the event info.
* Take a look at our <strong>demo</strong> component [here](/docs/sdk/community-js/react-ui/Components/EventLocationWidget)
#### Import
```jsx
import {EventLocationWidget} from '@selfcommunity/react-ui';
```
#### Component Name
The name `SCEventLocationWidget` can be used when providing style overrides in the theme.
#### CSS
|Rule Name|Global class|Description|
|---|---|---|
|root|.SCEventLocationWidget-root|Styles applied to the root element.|
|title|.SCEventLocationWidget-title|Styles applied to the title element.|
|map|.SCEventLocationWidget-map|Styles applied to the map element.|
|locationTitle|.SCEventLocationWidget-location-title|Styles applied to the location title element.|
|address|.SCEventLocationWidget-address|Styles applied to the address element.|
*
* @param inProps
*/
export default function EventLocationWidget(inProps: EventLocationWidgetProps): JSX.Element;