ns-articleis used to display long-form content
Note: This component is currently being considered for deprecation.
ns-article has been designed to be used to house content for a variety of long-form content such as blogs, editorials and support articles. Each use of the ns-article should be split into easy to consume chapters or sections.
|A||Heading||The recommended length is between 4 and 12 words, not exceeding 50 characters in total.|
|B||Media||This is the video or image that will be used inside |
|C||Caption||Short contextual description of the video or image content.|
|D||Content||The content in |
|E||Call to action||Keep the text ‘short, relevant, and actionable’. It should not exceed more than 10 characters.|
|💚 Do's||💔 Don'ts|
|Split ||Use to for non long form content|
|Place all images and videos in ||Use to create layouts|
|Prefer to use a 16:9 ratio for images and videos|
|Include contextual text links with content|
The ns-article component can only be used in the ns-panel component.
- First children can only be a single
<section>can only contain a single
- 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.