Skip to content

Commit

Permalink
Incorporate feedback from sam
Browse files Browse the repository at this point in the history
  • Loading branch information
colmtuite committed May 30, 2024
1 parent cebc5ec commit 21d116f
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 7 deletions.
6 changes: 3 additions & 3 deletions docs/data/base/components/checkbox/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/

# Checkbox

<p class="description">Checkbox give users a binary choice between multiple options in a series.</p>
<p class="description">Checkbox gives users a binary choice between multiple options in a series.</p>

{{"component": "modules/components/ComponentLinkHeader.js", "design": false}}

Expand Down Expand Up @@ -45,7 +45,7 @@ import * as Checkbox from '@base_ui/react/Checkbox';

## Anatomy

Checkbox is composed of two components.
Checkbox is composed of two components:

- `<Checkbox.Root />` renders a `<button>`.
- `<Checkbox.Indicator />` renders a `<span>` for providing a visual indicator. You could place an icon inside this component.
Expand All @@ -58,7 +58,7 @@ Checkbox is composed of two components.

## Indeterminate state

To make the checkbox indeterminate, add the `indeterminate` prop to override the appearance of the checkbox. The checkbox remains in an indeterminate state regardless of user interaction until set back to `false`.
To make the Checkbox indeterminate, add the `indeterminate` prop to override the appearance of the Checkbox. The Checkbox remains in an indeterminate state regardless of user interaction until set back to `false`.

{{"demo": "UnstyledCheckboxIndeterminate.js"}}

Expand Down
4 changes: 2 additions & 2 deletions docs/data/base/components/number-field/number-field.md
Original file line number Diff line number Diff line change
Expand Up @@ -189,7 +189,7 @@ The pointer is locked while scrubbing, allowing the user to scrub infinitely wit
</NumberField.ScrubArea>
```

In your CSS, ensure any `<label/>` elements inside the `ScrubArea` specify `cursor: unset`. You can rotate the above macOS-style cursor 90 degrees using a `transform` style.
In your CSS, ensure any `<label>` elements inside the `ScrubArea` specify `cursor: unset`. You can rotate the above macOS-style cursor 90 degrees using a `transform` style.

:::info
In Safari, the pointer is not locked. However, this doesn't affect the ability to scrub infinitely.
Expand Down Expand Up @@ -225,4 +225,4 @@ All subcomponents accept the `render` prop.

## Accessibility

Ensure the number field has an accessible name via a `<label/>` element.
Ensure the number field has an accessible name via a `<label>` element.
4 changes: 2 additions & 2 deletions docs/data/base/components/switch/switch.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,10 +45,10 @@ import * as Switch from '@base_ui/react/Switch';

## Anatomy

Switch is composed of two components.
Switch is composed of two components:

- `<Switch.Root />` renders a `<button>`.
- `<Switch.Thumbs />` renders a `<span>` for providing a visual indicator.
- `<Switch.Thumb />` renders a `<span>` for providing a visual indicator.

```tsx
<Switch.Root>
Expand Down

0 comments on commit 21d116f

Please sign in to comment.