diff --git a/src/docs/tipsForReusableCode.mdx b/src/docs/tipsForReusableCode.mdx index c36ad58f..8d814ff3 100644 --- a/src/docs/tipsForReusableCode.mdx +++ b/src/docs/tipsForReusableCode.mdx @@ -44,7 +44,7 @@ In all cases your component will be a function composed of other atoms, molecule - make sure all of this is explicitly documented in the parent component ### Decomposition -- In the most complex cases you might want to decompose the existing component into smaller components which will then allow you to recompose them replacing only the parts you want to change. +- In the most complex cases you might want to decompose the existing component into smaller components. This will then allow you to recompose them, replacing only the parts you want to change. - An example of this is `OakCheckBox` and `OakQuizCheckBox` which are ccomposed of `InternalCheckBox`,`InternalCheckBoxLabel` and `InternalCheckBoxWrapper` . This allows the `OakQuizCheckBox` to have a different layout and behaviour to the `OakCheckBox` but with the same underlying functionality. - This is probably the most robust method but the most labour intensive as it involves refactoring the existing component. - Some risks to look out for are: