Skip to content

fixing textarea doc links #1357

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
merged 2 commits into from
Dec 8, 2020
Merged

fixing textarea doc links #1357

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e518c6b
fixing textarea doc links
matthewdeutsch Dec 8, 2020
c14b304
Merge branch 'main' into docs-textarea-fix
LFDanLu Dec 8, 2020
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
8 changes: 4 additions & 4 deletions packages/@react-spectrum/textfield/docs/TextArea.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,7 @@ function Example() {

### Quiet

[View guidelines](https://spectrum.adobe.com/page/text-field/#Quiet)
[View guidelines](https://spectrum.adobe.com/page/text-area/#Quiet)

In addition to changing the visual style of the TextArea, the `isQuiet` prop removes the ability to manually resize the TextArea.
To compensate, the TextArea automatically adjusts its own height to accommodate for additional lines of text.
Expand All @@ -160,7 +160,7 @@ To compensate, the TextArea automatically adjusts its own height to accommodate

### Disabled

[View guidelines](https://spectrum.adobe.com/page/text-field/#Disabled)
[View guidelines](https://spectrum.adobe.com/page/text-area/#Disabled)

```tsx example
<TextArea label="Email" placeholder="Email Address" isDisabled />
Expand All @@ -176,7 +176,7 @@ and the contents can still be copied. See [the MDN docs](https://developer.mozil
```

### Label alignment and position
[View guidelines](https://spectrum.adobe.com/page/text-field/#Label-position)
[View guidelines](https://spectrum.adobe.com/page/text-area/#Label-position)

By default, the label is positioned above the TextArea. The `labelPosition` prop can be used to position the label to the side. The `labelAlign` prop can be used to align the label as "start" or "end". For left-to-right (LTR) languages, "start" refers to the left most edge of the TextArea and "end" refers to the right most edge. For right-to-left (RTL) languages, this is flipped.

Expand All @@ -186,7 +186,7 @@ By default, the label is positioned above the TextArea. The `labelPosition` prop

### Custom width

[View guidelines](https://spectrum.adobe.com/page/text-field/#Width)
[View guidelines](https://spectrum.adobe.com/page/text-area/#Width)

```tsx example
<TextArea label="Email" width="size-3600" maxWidth="100%" />
Expand Down