docs(HTML Elements): move mdx of unstyled and unsupported to elements…

….mdx (#2154)

packages/dnb-design-system-portal/src/docs/uilib/elements.mdx

@@ -5,10 +5,9 @@ order: 6
 ---
 
 import CodeBlock from 'dnb-design-system-portal/src/shared/tags/CodeBlock'
-import NotSupportedElements from 'Docs/uilib/elements/not-supported'
-import UnstyledElementsDemos from 'Docs/uilib/elements/unstyled'
 import ListSummaryFromPages from 'dnb-design-system-portal/src/shared/parts/ListSummaryFromPages'
 import { StyledComponentsExample } from 'Docs/uilib/Examples'
+import { UnstyledExample } from 'Docs/uilib/elements/unstyled/Examples'
 
 # HTML Elements
 
@@ -52,8 +51,25 @@ They work seamlessly with Styled Components (emotion) as well:
 
 <StyledComponentsExample />
 
-<UnstyledElementsDemos />
+## Unstyled HTML Elements
+
+In order to use the inherited [Skeleton](/uilib/components/skeleton), there are a number of un-styled HTML elements, that do inherit and react to the Skeleton Provider.
+
+```jsx
+import { Span, Div } from '@dnb/eufemia/elements'
+```
+
+- `Span`
+- `Div`
+
+### Example usage of span
+
+<UnstyledExample />
 
 ---
 
-<NotSupportedElements />
+## Missing HTML Elements
+
+Not every commonly used HTML Elements are included yet in the `@dnb/eufemia`. This decision is made by the DNB UX Team and relies on a principle to make UX design as good as possible, consistent and more thoughtful towards a broader customer target.
+
+- For the `select` element, use the [**Dropdown**](/uilib/components/dropdown) component.