-
Notifications
You must be signed in to change notification settings - Fork 65
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
Conversation
packages/docs/pages/textarea.tsx
Outdated
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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<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. |
packages/docs/pages/textarea.tsx
Outdated
<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 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 |
packages/docs/pages/textarea.tsx
Outdated
render: () => ( | ||
<> | ||
<Text> | ||
Textareas allow you to pass in an <Code primary>error</Code> message that will control the styles of |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 |
packages/docs/pages/textarea.tsx
Outdated
render: () => ( | ||
<> | ||
<Text> | ||
By default, a <Code>Textarea</Code> displays with <Code>3</Code> rows. In order to set the intial |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 |
packages/docs/pages/textarea.tsx
Outdated
render: () => ( | ||
<> | ||
<Text> | ||
You can also control whether <Code>Textarea</Code> components are resizeable. Resizing is only |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 |
31b19df
to
f632710
Compare
f632710
to
d2f92f9
Compare
What?
Update textarea to use new page layout.
Screenshots/Screen Recordings
Testing/Proof
N/A