Incubator

Interfaces

IncubatorProps

Indexable

[p: string]: any

Properties

Property	Type	Description
ButtonProps?	ButtonProps	Default props to submit button Input Default {}
autoHide?	boolean	Hides this component Default false
className?	string	Overrides or extends the styles applied to the component. Default null
detailView?	boolean	If true shows extended incubator' slogan in detail view Default false
incubator?	SCIncubatorType	Incubator object Default null
incubatorId?	number	Incubator object id Default null
subscribeButtonProps?	IncubatorSubscribeButtonProps	Props to spread to subscribe button Default {}

Functions

Incubator()

Incubator(inProps): JSX.Element

API documentation for the Community-JS Incubator component. Learn about the available props and the CSS API.

This component renders an incubator item. Take a look at our demo component here

Import

import {Incubator} from '@selfcommunity/react-ui';

Component Name

The name SCIncubator can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCIncubator-root	Styles applied to the root element.
name	.SCIncubator-name	Styles applied to the name section.
slogan	.SCIncubator-slogan	Styles applied to the slogan section.
progressBar	.SCIncubator-progress-bar	Styles applied to the progress bar element.

Parameters

Parameter	Type	Description
inProps	IncubatorProps

Returns

JSX.Element

Source

packages/react-ui/src/components/Incubator/Incubator.tsx:127

---

IncubatorSkeleton()

IncubatorSkeleton(props): JSX.Element

API documentation for the Community-JS Incubator Skeleton component. Learn about the available props and the CSS API.

Import

import {IncubatorSkeleton} from '@selfcommunity/react-ui';

Component Name

The name SCIncubator-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCIncubator-skeleton-root	Styles applied to the root element.
primary	.SCIncubator-primary	Styles applied to the primary text element.
secondary	.SCIncubator-secondary	Styles applied to the secondary text element.
progressBar	.SCIncubator-progress-bar	Styles applied to the progress bar section.
action	.SCIncubator-action	Styles applied to the action button element.

Parameters

Parameter	Type
props	any

Returns

JSX.Element

Source

packages/react-ui/src/components/Incubator/Skeleton.tsx:45