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.

Sign up for GitHub

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

Jump to bottom

Added Badge documentation #1821

Merged
merged 11 commits into from
Feb 26, 2024
Merged

Added Badge documentation #1821

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
96da97b
Added Badge documentation
raquelarrojo Feb 14, 2024
0e6235c
Added badge usage documentation
raquelarrojo Feb 20, 2024
07b81b5
Badge specs doc added
raquelarrojo Feb 20, 2024
c21a07b
Merge branch 'master' into rarrojolopez-badge-doc
raquelarrojo Feb 20, 2024
6834d05
Change in badge examples
raquelarrojo Feb 20, 2024
d9a101b
Fix Badge typo
raquelarrojo Feb 20, 2024
2577ecc
Merge branch 'master' into rarrojolopez-badge-doc
raquelarrojo Feb 20, 2024
60c6a6a
Fix property description
raquelarrojo Feb 21, 2024
0f1836e
Push package-lock
raquelarrojo Feb 21, 2024
5e9d428
Small change in tabs doc
raquelarrojo Feb 21, 2024
38f79cf
Merge branch 'master' into rarrojolopez-badge-doc
raquelarrojo Feb 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
158 changes: 91 additions & 67 deletions website/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

21 changes: 21 additions & 0 deletions website/pages/components/badge/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import Head from "next/head";
import type { ReactElement } from "react";
import BadgePageLayout from "../../../screens/components/badge/BadgePageLayout";
import BadgeCodePage from "../../../screens/components/badge/code/BadgeCodePage";

const Index = () => {
return (
<>
<Head>
<title>Usage — Halstack Design System</title>
</Head>
<BadgeCodePage></BadgeCodePage>
</>
);
};

Index.getLayout = function getLayout(page: ReactElement) {
return <BadgePageLayout>{page}</BadgePageLayout>;
};

export default Index;
21 changes: 21 additions & 0 deletions website/pages/components/badge/specifications.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import Head from "next/head";
import type { ReactElement } from "react";
import BadgePageLayout from "../../../screens/components/badge/BadgePageLayout";
import BadgeSpecsPage from "../../../screens/components/badge/specs/BadgeSpecsPage";

const Specifications = () => {
return (
<>
<Head>
<title>Badge Specs — Halstack Design System</title>
</Head>
<BadgeSpecsPage></BadgeSpecsPage>
</>
);
};

Specifications.getLayout = function getLayout(page: ReactElement) {
return <BadgePageLayout>{page}</BadgePageLayout>;
};

export default Specifications;
21 changes: 21 additions & 0 deletions website/pages/components/badge/usage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import Head from "next/head";
import type { ReactElement } from "react";
import BadgePageLayout from "screens/components/badge/BadgePageLayout";
import BadgeUsagePage from "screens/components/badge/usage/BadgeUsagePage";

const Usage = () => {
return (
<>
<Head>
<title>Badge Usage — Halstack Design System</title>
</Head>
<BadgeUsagePage></BadgeUsagePage>
</>
);
};

Usage.getLayout = function getLayout(page: ReactElement) {
return <BadgePageLayout>{page}</BadgePageLayout>;
};

export default Usage;
5 changes: 5 additions & 0 deletions website/screens/common/componentList.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,11 @@ exports.componentsList = [
path: "/components/application-layout",
status: "Ready",
},
{
label: "Badge",
path: "/components/badge",
status: "Experimental",
},
{ label: "Bleed", path: "/components/bleed", status: "Ready" },
{ label: "Box", path: "/components/box", status: "Deprecated" },
{
Expand Down