UNPKG

@selfcommunity/react-ui

Version:

React UI Components to integrate a Community created with SelfCommunity Platform.

55 lines (48 loc) 1.65 kB
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;