Skip to content

Commit 3fc9cbf

Browse files
committed
Refs #337: Add docs about array action buttons styling.
1 parent 0de04c6 commit 3fc9cbf

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

README.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@ A [live playground](https://mozilla-services.github.io/react-jsonschema-form/) i
3232
- [Hidden widgets](#hidden-widgets)
3333
- [File widgets](#file-widgets)
3434
- [Multiple files](#multiple-files)
35+
- [File widget input ref](#file-widget-input-ref)
3536
- [Object fields ordering](#object-fields-ordering)
3637
- [Array items ordering](#array-items-ordering)
3738
- [Custom CSS class names](#custom-css-class-names)
@@ -53,6 +54,7 @@ A [live playground](https://mozilla-services.github.io/react-jsonschema-form/) i
5354
- [Field props](#field-props)
5455
- [The registry object](#the-registry-object)
5556
- [The formContext object](#the-formcontext-object)
57+
- [Custom array field buttons](#custom-array-field-buttons)
5658
- [Custom SchemaField](#custom-schemafield)
5759
- [Custom titles](#custom-titles)
5860
- [Custom descriptions](#custom-descriptions)
@@ -870,6 +872,19 @@ The registry is passed down the component tree, so you can access it from your c
870872

871873
You can provide a `formContext` object to the Form, which is passed down to all fields and widgets (including [TitleField](#custom-titles) and [DescriptionField](#custom-descriptions)). Useful for implementing context aware fields and widgets.
872874

875+
### Custom array field buttons
876+
877+
The `ArrayField` component provides a UI to add, remove and reorder array items, and these buttons use [Bootstrap glyphicons](http://getbootstrap.com/components/#glyphicons). If you don't use Bootstrap yet still want to provide your own icons or texts for these buttons, you can easily do so using CSS:
878+
879+
```css
880+
.btn-plus > i {
881+
display: none;
882+
}
883+
.btn-plus::after {
884+
content: "Add";
885+
}
886+
```
887+
873888
### Custom SchemaField
874889

875890
**Warning:** This is a powerful feature as you can override the whole form behavior and easily mess it up. Handle with care.

0 commit comments

Comments
 (0)