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

feat(docs): update textarea page to use new layout #630

Merged
merged 1 commit into from
Oct 12, 2021

Conversation

jorgemoya
Copy link
Contributor

What?

Update textarea to use new page layout.

Screenshots/Screen Recordings

textarea

Testing/Proof

N/A

@jorgemoya jorgemoya requested review from a team as code owners October 12, 2021 15:47
const handleChange = (event) => setValue(event.target.value);
<Panel header="Overview" headerId="overview">
<Text>
<Code primary>Textareas</Code> are text inputs that can be expanded to fit multi-line text content from users.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<Code primary>Textareas</Code> are text inputs that can be expanded to fit multi-line text content from users.
<Code primary>Textarea</Code>'s are text inputs that can be expanded to fit multi-line text content from users.

<Text bold>When to use:</Text>
<List>
<List.Item>
Text areas are useful when users need to create multi-sentence or paragraph length content - e.g. product
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Text areas are useful when users need to create multi-sentence or paragraph length content - e.g. product
<Code primary>Textarea</Code>'s are useful when users need to create multi-sentence or paragraph length content - e.g. product

render: () => (
<>
<Text>
Textareas allow you to pass in an <Code primary>error</Code> message that will control the styles of
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Textareas allow you to pass in an <Code primary>error</Code> message that will control the styles of
<Code primary>Textarea</Code>'s allow you to pass in an <Code primary>error</Code> message that will control the styles of

render: () => (
<>
<Text>
By default, a <Code>Textarea</Code> displays with <Code>3</Code> rows. In order to set the intial
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
By default, a <Code>Textarea</Code> displays with <Code>3</Code> rows. In order to set the intial
By default, a <Code primary>Textarea</Code> displays with <Code>3</Code> rows. In order to set the intial

render: () => (
<>
<Text>
You can also control whether <Code>Textarea</Code> components are resizeable. Resizing is only
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
You can also control whether <Code>Textarea</Code> components are resizeable. Resizing is only
You can also control whether <Code primary>Textarea</Code> components are resizeable. Resizing is only

@jorgemoya jorgemoya force-pushed the update-textarea-page branch 2 times, most recently from 31b19df to f632710 Compare October 12, 2021 19:45
@jorgemoya jorgemoya force-pushed the update-textarea-page branch from f632710 to d2f92f9 Compare October 12, 2021 19:49
@jorgemoya jorgemoya merged commit 3061ef5 into bigcommerce:master Oct 12, 2021
@jorgemoya jorgemoya deleted the update-textarea-page branch October 12, 2021 19:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

2 participants