@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
55 lines (48 loc) • 1.65 kB
TypeScript
import { GridProps } from '@mui/material';
export interface CoursesSkeletonProps {
/**
* Overrides or extends the styles applied to the component.
* @default null
*/
className?: string;
/**
* Overrides or extends the styles applied to the component.
* @default null
*/
CourseSkeletonProps?: any;
/**
* Props spread to grid container
* @default {}
*/
GridContainerComponentProps?: Pick<GridProps, Exclude<keyof GridProps, 'container' | 'component' | 'children' | 'item' | 'classes'>>;
/**
* Props spread to single grid item
* @default {}
*/
GridItemComponentProps?: Pick<GridProps, Exclude<keyof GridProps, 'container' | 'component' | 'children' | 'item' | 'classes'>>;
/**
* @default 20
*/
coursesNumber?: number;
/**
* If true, shows a different skeleton obj
* @default false
*/
teacherView?: boolean;
}
/**https://www.figma.com/design/bm7N6ykMLLmaAA22g34bRY/Corsi?t=HKaD6ErrzGpYDJr1-0
* > API documentation for the Community-JS Groups Skeleton component. Learn about the available props and the CSS API.
#### Import
```jsx
import {CoursesSkeleton} from '@selfcommunity/react-ui';
```
#### Component Name
The name `SCCourses-skeleton-root` can be used when providing style overrides in the theme.
#### CSS
|Rule Name|Global class|Description|
|---|---|---|
|root|.SCCourses-skeleton-root|Styles applied to the root element.|
|courses|.SCCourses-skeleton-courses|Styles applied to the group elements.|
*
*/
export default function CoursesSkeleton(inProps: CoursesSkeletonProps): JSX.Element;