Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature/page content setup #317

Merged
merged 95 commits into from
Feb 2, 2024
Merged
Changes from 1 commit
Commits
Show all changes
95 commits
Select commit Hold shift + click to select a range
8c91115
chore: ns-calendar
andij Jan 16, 2024
7df2f25
Updated example Accordion standard.html
RobTobias123 Jan 18, 2024
e1cb56c
Updated examples for Alert Highlighter - error info standard success …
RobTobias123 Jan 18, 2024
207b8ee
Added appointment-picker standard.html
RobTobias123 Jan 18, 2024
b5814af
Added example Article standard.html
RobTobias123 Jan 18, 2024
2bb8c2a
Updated examples for Card flat section standard support
RobTobias123 Jan 18, 2024
0507df2
Added example Caveat standard.html
RobTobias123 Jan 18, 2024
73804a7
added example Column standard.html
RobTobias123 Jan 18, 2024
dd099d6
Added example Content standard.html
RobTobias123 Jan 18, 2024
e6f5e55
Added example CTA standard.html
RobTobias123 Jan 18, 2024
4f9e136
Added example Datepicker standard.html and standard-min-max.html
RobTobias123 Jan 18, 2024
4dc8c25
Added example Download standard.html
RobTobias123 Jan 18, 2024
5ebdb40
added example Editorial standard.html
RobTobias123 Jan 18, 2024
39fcb17
added Expander standard.html
RobTobias123 Jan 18, 2024
0f013cc
added Fieldset standard.html
RobTobias123 Jan 18, 2024
a23cb12
added Footer standard.html
RobTobias123 Jan 18, 2024
b37a30f
added example Form standard.html
RobTobias123 Jan 18, 2024
fa4f5e2
added example Form-group standard.html
RobTobias123 Jan 18, 2024
d0c1d86
added example Header standard.html
RobTobias123 Jan 18, 2024
892c556
added example Highlighter standard error info success warning htmls
RobTobias123 Jan 18, 2024
11d1b90
added example Icon standard.html
RobTobias123 Jan 18, 2024
ab126a1
added example Illustration standard.html
RobTobias123 Jan 18, 2024
1f6bbd2
added example Image standard.html
RobTobias123 Jan 18, 2024
1f1d498
Updated examples to replace existing set
RobTobias123 Jan 18, 2024
b337b23
Updated all examples for landmark
RobTobias123 Jan 18, 2024
40e0cc9
Added Live standard.html
RobTobias123 Jan 18, 2024
28e56a3
Added example Lockup standard.html
RobTobias123 Jan 18, 2024
2426b77
added example Panel standard.html
RobTobias123 Jan 18, 2024
181bacd
added example Password standard.html
RobTobias123 Jan 18, 2024
6957c7c
added example Pill standard.html
RobTobias123 Jan 18, 2024
b0cce7a
added example Price standard.html
RobTobias123 Jan 18, 2024
3078351
added example Product-card standard.html
RobTobias123 Jan 18, 2024
c90e8f2
added example Progress standard.html
RobTobias123 Jan 18, 2024
90e85a3
added example Selector standard.html
RobTobias123 Jan 18, 2024
160e891
added example Skeleton standard.html
RobTobias123 Jan 18, 2024
efac2f4
added example Skyline standard.html
RobTobias123 Jan 18, 2024
f6fac83
added example Standout standard.html
RobTobias123 Jan 18, 2024
da14074
added example Tab standard.html
RobTobias123 Jan 18, 2024
d514842
added example Table standard.html
RobTobias123 Jan 18, 2024
99fffab
added example Tabs standard.html
RobTobias123 Jan 18, 2024
4b13197
added example Testimonial standard.html
RobTobias123 Jan 18, 2024
1783397
added example Timeline standard.html
RobTobias123 Jan 18, 2024
fc3f895
added example Timeline-event standard.html
RobTobias123 Jan 18, 2024
ebe0bd1
added example Video standard.html
RobTobias123 Jan 18, 2024
7a78486
added example nsx-address-selector standard.html
RobTobias123 Jan 18, 2024
853cbbb
added example nsx-footer standard.html
RobTobias123 Jan 18, 2024
71cd6d4
added example nsx-header standard.html
RobTobias123 Jan 18, 2024
79dd61e
added example nsx-marketing-consent standard.html
RobTobias123 Jan 18, 2024
e175d9c
added example nsx-product-card-overview standard.html
RobTobias123 Jan 18, 2024
6dbb165
Updated nsx-product-card-overview to only standard.html
RobTobias123 Jan 18, 2024
c06407f
Added ns-action-link guidance webp
RobTobias123 Jan 23, 2024
c26050c
Update guidance-valley.webp
RobTobias123 Jan 23, 2024
8a1ff16
Update guidance-summit.webp
RobTobias123 Jan 23, 2024
07057d2
Replaced hillside and lakeside webps
RobTobias123 Jan 23, 2024
fa59580
Added ns-appointment-picker guidance webp
RobTobias123 Jan 23, 2024
243d0af
Added ns-calendar guidance webp
RobTobias123 Jan 23, 2024
7ac0744
Added ns-caveat guidance webp
RobTobias123 Jan 23, 2024
60feae9
Added ns-cta guidance webps
RobTobias123 Jan 23, 2024
ca6d803
Added ns-datepicker guidance webp
RobTobias123 Jan 23, 2024
434fd0b
Added ns-download guidance webp
RobTobias123 Jan 23, 2024
1a3d86a
Added ns-expander guidance webp
RobTobias123 Jan 23, 2024
112399c
Added ns-form-group guidance webp
RobTobias123 Jan 23, 2024
597c1fb
Added ns-header guidance webp
RobTobias123 Jan 23, 2024
3e0b2e1
Added ns-live guidance webp
RobTobias123 Jan 23, 2024
1af1bbd
Added ns-lockup guidance webp
RobTobias123 Jan 23, 2024
ae668b6
Added ns-panel guidance webp
RobTobias123 Jan 23, 2024
b334355
Added ns-password guidance and validation webps
RobTobias123 Jan 23, 2024
8a72886
Added ns-pill guidance webp
RobTobias123 Jan 23, 2024
782b5d9
Added ns-product-card guidance webp
RobTobias123 Jan 23, 2024
85287d0
Added ns-progress guidance webp
RobTobias123 Jan 23, 2024
fd48340
Added ns-selector guidance webps
RobTobias123 Jan 23, 2024
6dd69fc
Added ns-skeleton guidance webp
RobTobias123 Jan 23, 2024
922d159
Added ns-skyline guidance webp
RobTobias123 Jan 23, 2024
e48ac10
Added ns-standout guidance webp
RobTobias123 Jan 23, 2024
840a338
Added ns-table guidance webp
RobTobias123 Jan 23, 2024
89c82ff
Added ns-tabs guidance webp
RobTobias123 Jan 23, 2024
be49383
Added ns-testimonial guidance webps
RobTobias123 Jan 23, 2024
a30dbdd
Added ns-timeline guidance and usgae and status webps
RobTobias123 Jan 23, 2024
64f0f61
Added nsx-address-selector guidance webps
RobTobias123 Jan 23, 2024
e406eb0
Added nsx-marketing-consent guidance webp
RobTobias123 Jan 23, 2024
319da96
Added nsx-product-card-overview guidance webp
RobTobias123 Jan 23, 2024
172413e
Added ns-article guidance webp
RobTobias123 Jan 23, 2024
ca7c092
Added nsx-header guidance webp
RobTobias123 Jan 23, 2024
fd4c431
Added ns-editorial guidance webp
RobTobias123 Jan 23, 2024
cd3867b
Added ns-highlighter guidance and states webps
RobTobias123 Jan 23, 2024
0ad47e3
Merge branch 'astro-docs' into feature/page-content-setup
andij Jan 29, 2024
1c386e9
chore: include Tabs and RelatedLinks
andij Jan 29, 2024
1c91f07
Merge branch 'astro-docs' into feature/page-content-setup
andij Feb 1, 2024
cf96efb
chore: update ns-calendar
andij Feb 1, 2024
969841e
chore: update and move html examples
andij Feb 1, 2024
ae54a78
chore: update pages and examples
andij Feb 1, 2024
3afc9ce
chore: move all example html files into existing structure
andij Feb 2, 2024
25a4f0a
chore: tidy example html
andij Feb 2, 2024
80e6e82
chore: slot position first
andij Feb 2, 2024
5eee2de
chore: us to en
andij Feb 2, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
chore: update pages and examples
andij committed Feb 1, 2024
commit ae54a780623a331370b919fe7a492bf4735c16eb
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<ns-action-link href="#!" label="Chartreuse coffee puck" decoration="gas"></ns-action-link>
15 changes: 5 additions & 10 deletions src/assets/examples/components/ns-panel/standard.html
Original file line number Diff line number Diff line change
@@ -22,26 +22,21 @@ <h2>Paleo</h2>
<dd>Venmo trust fund vexillologist church</dd>
</div>
</dl>
<ns-download href="this-text-gets-ignored.pdf" filesize="123MB">Mukbang plaid fingerstache stumptown </ns-download>
<ns-download href="this-text-gets-ignored.pdf" filesize="123MB">Mukbang plaid fingerstache stumptown</ns-download>
<ns-cta>Paleo fashion</ns-cta>
</ns-content>
<ns-column basketballcourt="2" hockeypitch="3">
<ns-card type="support">
<ns-column hockeypitch="3">
<ns-card type="section" decoration="appliance">
<h3 slot="heading">Kombucha glossier</h3>
<p slot="paragraph">Green juice fam selfies celiac vegan bespoke meh tofu.</p>
<ns-cta slot="cta" href="#!">Food truck</ns-cta>
<p slot="paragraph">Mlkshk neutra green juice wolf moon small batch ramps.</p>
<ns-cta slot="cta" href="#!">Tousled gastropub</ns-cta>
</ns-card>
<ns-card type="flat">
<h3 slot="heading">Cronut polaroid</h3>
<p slot="paragraph">Brunch mukbang blue bottle vaporware taiyaki tbh, migas. Brunch live-edge vegan schlitz selfies irony street art hoodie twee.</p>
<p slot="paragraph">Cred lomo vegan offal, vinyl bespoke tbh glossier photo booth you probably haven't heard of them tote bag.</p>
<ns-cta type="text" slot="cta" href="#!">Sustainable offal</ns-cta>
</ns-card>
<ns-card type="section" decoration="appliance">
<h3 slot="heading">Kombucha glossier</h3>
<p slot="paragraph">Mlkshk neutra green juice wolf moon small batch ramps.</p>
<ns-cta slot="cta" href="#!">Tousled gastropub</ns-cta>
</ns-card>
<ns-card type="support" image="https://www.britishgas.co.uk/aem6/content/dam/britishgas/images/ns/image16_9.png">
<h3 slot="heading">Four loko wolf</h3>
<p slot="paragraph">Praxis mlkshk subway tile activated charcoal woke shoreditch.</p>
53 changes: 53 additions & 0 deletions src/content/docs/components/ns-action-link.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Action link
---

export const componentName = "ns-action-link";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-appointment-picker.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Appointment picker
---

Placeholder for `ns-appointment-picker`
export const componentName = "ns-appointment-picker";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

53 changes: 53 additions & 0 deletions src/content/docs/components/ns-article.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Article
---

export const componentName = "ns-article";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-caveat.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Caveat
---

Placeholder for `ns-caveat`
export const componentName = "ns-caveat";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-column.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Column
---

Placeholder for `ns-column`
export const componentName = "ns-column";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

53 changes: 53 additions & 0 deletions src/content/docs/components/ns-content.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Content
---

export const componentName = "ns-content";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-cta.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Cta
---

Placeholder for `ns-cta`
export const componentName = "ns-cta";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

5 changes: 0 additions & 5 deletions src/content/docs/components/ns-date-picker.mdx

This file was deleted.

53 changes: 53 additions & 0 deletions src/content/docs/components/ns-datepicker.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Date picker
---

export const componentName = "ns-date-picker";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-download.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Download
---

Placeholder for `ns-download`
export const componentName = "ns-download";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

53 changes: 53 additions & 0 deletions src/content/docs/components/ns-editorial.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Editorial
---

export const componentName = "ns-editorial";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-expander.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Expander
---

Placeholder for `ns-expander`
export const componentName = "ns-expander";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

53 changes: 53 additions & 0 deletions src/content/docs/components/ns-fieldset.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Fieldset
---

export const componentName = "ns-fieldset";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-footer.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Footer
---

Placeholder for `ns-footer`
export const componentName = "ns-footer";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-form-group.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Form group
---

Placeholder for `ns-form-group`
export const componentName = "ns-form-group";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-form.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Form
---

Placeholder for `ns-form`
export const componentName = "ns-form";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-header.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Header
---

Placeholder for `ns-header`
export const componentName = "ns-header";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

53 changes: 53 additions & 0 deletions src/content/docs/components/ns-highlighter.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Highlighter
---

export const componentName = "ns-highlighter";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-icon.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Icon
---

Placeholder for `ns-icon`
export const componentName = "ns-icon";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-illustration.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Illustration
---

Placeholder for `ns-illustration`
export const componentName = "ns-illustration";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-image.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Image
---

Placeholder for `ns-image`
export const componentName = "ns-image";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-live.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Live
---

Placeholder for `ns-live`
export const componentName = "ns-live";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-lockup.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Lockup
---

Placeholder for `ns-lockup`
export const componentName = "ns-lockup";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-panel.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Panel
---

Placeholder for `ns-panel`
export const componentName = "ns-panel";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-password.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Password
---

Placeholder for `ns-password`
export const componentName = "ns-password";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-pill.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Pill
---

Placeholder for `ns-pill`
export const componentName = "ns-pill";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-price.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Price
---

Placeholder for `ns-price`
export const componentName = "ns-price";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-product-card.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Product card
---

Placeholder for `ns-product-card`
export const componentName = "ns-product-card";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-progress.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Progress
---

Placeholder for `ns-progress`
export const componentName = "ns-progress";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-selector.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Selector
---

Placeholder for `ns-selector`
export const componentName = "ns-selector";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-skeleton.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Skeleton
---

Placeholder for `ns-skeleton`
export const componentName = "ns-skeleton";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-skyline.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Skyline
---

Placeholder for `ns-skyline`
export const componentName = "ns-skyline";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-standout.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Standout
---

Placeholder for `ns-standout`
export const componentName = "ns-standout";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

53 changes: 53 additions & 0 deletions src/content/docs/components/ns-tab.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Tab
---

export const componentName = "ns-tab";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-table.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Table
---

Placeholder for `ns-table`
export const componentName = "ns-table";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-tabs.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Tabs
---

Placeholder for `ns-tabs`
export const componentName = "ns-tabs";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-testimonial.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Testimonial
---

Placeholder for `ns-testimonial`
export const componentName = "ns-testimonial";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

53 changes: 53 additions & 0 deletions src/content/docs/components/ns-timeline-event.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Timeline event
---

export const componentName = "ns-timeline-event";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-timeline.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Timeline
---

Placeholder for `ns-timeline`
export const componentName = "ns-timeline";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/ns-video.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Video
---

Placeholder for `ns-video`
export const componentName = "ns-video";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/nsx-address-selector.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Address selector
---

Placeholder for `nsx-address-selector`
export const componentName = "nsx-address-selector";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/nsx-footer.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Footer
---

Placeholder for `nsx-footer`
export const componentName = "nsx-footer";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/nsx-header.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Header
---

Placeholder for `nsx-header`
export const componentName = "nsx-header";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/nsx-marketing-consent.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Marketing consent
---

Placeholder for `nsx-marketing-consent`
export const componentName = "nsx-marketing-consent";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>

50 changes: 49 additions & 1 deletion src/content/docs/components/nsx-product-card-overview.mdx
Original file line number Diff line number Diff line change
@@ -2,4 +2,52 @@
title: Product card overview
---

Placeholder for `nsx-product-card-overview`
export const componentName = "nsx-product-card-overview";

import Specification from '@components/specification.astro';
import Placement from '@components/placement.astro';
import CompDetails from '@components/cem-description.astro';
import ExampleViewer from '@components/ExampleViewer.astro';
import RelatedLinks from '@components/related-links.astro';
import { Tabs, TabItem } from '@astrojs/starlight/components';

## Overview

<CompDetails name={componentName} />

### Examples

<Tabs>
<TabItem label="Standard">
<ExampleViewer type="standard" />
</TabItem>
<TabItem label="Extended">
<ExampleViewer type="standard" />
</TabItem>
</Tabs>

## Guidance

:::do
:::

:::dont
:::

## Implementation

### Placement

<Placement name={componentName} />

### Specification

<Specification name={componentName} />

### Related links

<RelatedLinks name={componentName}>
- [ns-component](#!)
- [ns-component](#!)
</RelatedLinks>