Skip to content

Textarea redesign #2192

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

Merged
Jialecl merged 11 commits into from
Apr 25, 2025
Merged

Textarea redesign #2192

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
261ab1b
Textarea redesign
GomezIvann Mar 20, 2025
cbf4167
Textarea docs structure updated
GomezIvann Mar 20, 2025
4b6ba7b
Fix Textarea tests
GomezIvann Mar 20, 2025
76fd74e
Merge branch 'master' into gomezivann/textarea
GomezIvann Mar 21, 2025
b0dfbd3
Merge branch 'master' into gomezivann/textarea
GomezIvann Apr 22, 2025
301c37c
Textarea: doc and component updates
GomezIvann Apr 23, 2025
0569c93
Textarea doc updates
GomezIvann Apr 23, 2025
7cb9c1b
Select and textarea fixes
GomezIvann Apr 24, 2025
7fcd384
Textarea updates based on feedback
GomezIvann Apr 25, 2025
9e9acec
Merge branch 'master' into gomezivann/textarea
Jialecl Apr 25, 2025
21391bb
Merge branch 'master' into gomezivann/textarea
Jialecl Apr 25, 2025
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
17 changes: 17 additions & 0 deletions apps/website/pages/components/textarea/code.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import Head from "next/head";
import type { ReactElement } from "react";
import TextareaPageLayout from "screens/components/textarea/TextareaPageLayout";
import TextareaCodePage from "screens/components/textarea/code/TextareaCodePage";

const Code = () => (
<>
<Head>
<title>Textarea code — Halstack Design System</title>
</Head>
<TextareaCodePage />
</>
);

Code.getLayout = (page: ReactElement) => <TextareaPageLayout>{page}</TextareaPageLayout>;

export default Code;
24 changes: 10 additions & 14 deletions apps/website/pages/components/textarea/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,17 @@
import Head from "next/head";
import type { ReactElement } from "react";
import TextareaCodePage from "screens/components/textarea/code/TextareaCodePage";
import TextareaOverviewPage from "screens/components/textarea/overview/TextareaOverviewPage";
import TextareaPageLayout from "screens/components/textarea/TextareaPageLayout";

const Index = () => {
return (
<>
<Head>
<title>Textarea — Halstack Design System</title>
</Head>
<TextareaCodePage></TextareaCodePage>
</>
);
};
const Index = () => (
<>
<Head>
<title>Textarea — Halstack Design System</title>
</Head>
<TextareaOverviewPage />
</>
);

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

export default Index;
21 changes: 0 additions & 21 deletions apps/website/pages/components/textarea/specifications.tsx
View file
Open in desktop

This file was deleted.

21 changes: 0 additions & 21 deletions apps/website/pages/components/textarea/usage.tsx
View file
Open in desktop

This file was deleted.

7 changes: 3 additions & 4 deletions apps/website/screens/components/textarea/TextareaPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,8 @@ import { ReactNode } from "react";

const TextareaPageHeading = ({ children }: { children: ReactNode }) => {
const tabs = [
{ label: "Code", path: "/components/textarea" },
{ label: "Usage", path: "/components/textarea/usage" },
{ label: "Specifications", path: "/components/textarea/specifications" },
{ label: "Overview", path: "/components/textarea" },
{ label: "Code", path: "/components/textarea/code" },
];

return (
Expand All @@ -17,7 +16,7 @@ const TextareaPageHeading = ({ children }: { children: ReactNode }) => {
<DxcFlex direction="column" gap="2rem">
<ComponentHeading name="Textarea" />
<DxcParagraph>A textarea allows the users enter a multi-line, free-form text.</DxcParagraph>
<TabsPageHeading tabs={tabs}></TabsPageHeading>
<TabsPageHeading tabs={tabs} />
</DxcFlex>
</PageHeading>
{children}
Expand Down
Loading