diff --git a/docs-ui/src/components/PropsTable/PropsTable.tsx b/docs-ui/src/components/PropsTable/PropsTable.tsx index 39ffb9f6b0..a8af2ad116 100644 --- a/docs-ui/src/components/PropsTable/PropsTable.tsx +++ b/docs-ui/src/components/PropsTable/PropsTable.tsx @@ -39,10 +39,8 @@ export const PropsTable = >({ data: T; columns?: ColumnConfig[]; }) => { - if (!data) return null; - const renderCell = ( propName: string, propData: PropData, @@ -63,10 +61,9 @@ export const PropsTable = >({ {propData.type === 'number' && number} {propData.type === 'boolean' && boolean} {propData.type === 'enum' && enumValues} - {propData.type === 'spacing' && - Array.isArray(propData.values) && ( - - )} + {propData.type === 'spacing' && Array.isArray(propData.values) && ( + + )} {propData.type === 'complex' && propData.complexType && ( prop.name.startsWith('p')); - const marginProps = spacingGroup.props.filter(prop => prop.name.startsWith('m')); + const paddingProps = spacingGroup.props.filter(prop => + prop.name.startsWith('p'), + ); + const marginProps = spacingGroup.props.filter(prop => + prop.name.startsWith('m'), + ); const renderCell = (columnKey: string) => { switch (columnKey) { @@ -35,7 +39,10 @@ export const SpacingGroupRow = ({ aria-expanded={isExpanded} > - Spacing props ({spacingGroup.props.length}) + Spacing props{' '} + + ({spacingGroup.props.length}) + {isExpanded ? (