Skip to content

Commit ecb3627

Browse files
jsuarezgonzjsuarezgonz
authored
Merge pull request #1821 from dxc-technology/rarrojolopez-badge-doc
Added Badge documentation
2 parents b6bbb51 + 38f79cf commit ecb3627

File tree

18 files changed

+675
-77
lines changed

18 files changed

+675
-77
lines changed

‎website/package-lock.json‎

Lines changed: 91 additions & 67 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎website/pages/components/badge/index.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import Head from "next/head";
2+
import type { ReactElement } from "react";
3+
import BadgePageLayout from "../../../screens/components/badge/BadgePageLayout";
4+
import BadgeCodePage from "../../../screens/components/badge/code/BadgeCodePage";
5+
6+
const Index = () => {
7+
return (
8+
<>
9+
<Head>
10+
<title>Usage — Halstack Design System</title>
11+
</Head>
12+
<BadgeCodePage></BadgeCodePage>
13+
</>
14+
);
15+
};
16+
17+
Index.getLayout = function getLayout(page: ReactElement) {
18+
return <BadgePageLayout>{page}</BadgePageLayout>;
19+
};
20+
21+
export default Index;

‎website/pages/components/badge/specifications.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import Head from "next/head";
2+
import type { ReactElement } from "react";
3+
import BadgePageLayout from "../../../screens/components/badge/BadgePageLayout";
4+
import BadgeSpecsPage from "../../../screens/components/badge/specs/BadgeSpecsPage";
5+
6+
const Specifications = () => {
7+
return (
8+
<>
9+
<Head>
10+
<title>Badge Specs — Halstack Design System</title>
11+
</Head>
12+
<BadgeSpecsPage></BadgeSpecsPage>
13+
</>
14+
);
15+
};
16+
17+
Specifications.getLayout = function getLayout(page: ReactElement) {
18+
return <BadgePageLayout>{page}</BadgePageLayout>;
19+
};
20+
21+
export default Specifications;

‎website/pages/components/badge/usage.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import Head from "next/head";
2+
import type { ReactElement } from "react";
3+
import BadgePageLayout from "screens/components/badge/BadgePageLayout";
4+
import BadgeUsagePage from "screens/components/badge/usage/BadgeUsagePage";
5+
6+
const Usage = () => {
7+
return (
8+
<>
9+
<Head>
10+
<title>Badge Usage — Halstack Design System</title>
11+
</Head>
12+
<BadgeUsagePage></BadgeUsagePage>
13+
</>
14+
);
15+
};
16+
17+
Usage.getLayout = function getLayout(page: ReactElement) {
18+
return <BadgePageLayout>{page}</BadgePageLayout>;
19+
};
20+
21+
export default Usage;

‎website/screens/common/componentList.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,11 @@ exports.componentsList = [
66
path: "/components/application-layout",
77
status: "Ready",
88
},
9+
{
10+
label: "Badge",
11+
path: "/components/badge",
12+
status: "Experimental",
13+
},
914
{ label: "Bleed", path: "/components/bleed", status: "Ready" },
1015
{ label: "Box", path: "/components/box", status: "Deprecated" },
1116
{

0 commit comments

Comments
 (0)