Skip to content

Commit

Permalink
Merge pull request #1982 from system-ui/lachlanjc-docs-form-colors
Browse files Browse the repository at this point in the history
docs(components): Include form control color names
  • Loading branch information
hasparus authored Oct 27, 2021
2 parents 822f835 + 36cee12 commit b620b25
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions packages/docs/src/pages/components/forms.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -67,6 +67,16 @@ The entire form should be wrapped in a `<form>` element.

## Theming

Many of the included form components (e.g. Checkbox, Radio, Slider) use 3 colors for their default appearance:

- `gray`, for the default state
- `primary`, for the active state
- `highlight`, for the focus outline

If you’re only looking to change the colors, providing custom values for these colors in `theme.colors` is the easiest path.

### Further customization

Add styles for form elements in the `theme.forms` object.

```js
Expand Down

0 comments on commit b620b25

Please sign in to comment.