Module: Incubator
Interfaces
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
| Name | Type |
|---|---|
inProps | IncubatorProps |
Returns
JSX.Element
Defined in
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
| Name | Type |
|---|---|
props | any |
Returns
JSX.Element