ns-content is used to display typography and media.
ns-content is used inside other components and has been created to help add consistency to typography styling, and to improve how typography interacts with other components.
We do not currently have content guidance as this will change depending on the context in which it's being used.
|💚 Do's||💔 Dont's|
|Use clean html||Use additional |
|Set the spacing attribute to compliment the content it contains||Use expanders outside of ns-accordion|
ns-video need to be wrapped in a
The ns-content component can be used in the following components:
|'normal'||'compact','cosy','normal','loose'||The space between the elements|
To display correctly,
ns-content relies on clean HTML in the anonymous slot. Using additional components or html elements not listed in the specification will break the styling and will be susceptible to breaking when the component is updated in future releases.
|Spacing value||Space between elements|
- Do you have insights or concerns to share? You can raise an issue via Github bugs.
- See all the issues already raised via Github issues.
💩 🎉 🦄 If you have any questions, contact us on Microsoft Teams in the Nucleus Design System channels.