Skip to content

Commit

Permalink
MaterialUI 3.4.0 catchup
Browse files Browse the repository at this point in the history
  • Loading branch information
mvsmal committed Nov 7, 2018
1 parent 0302417 commit 79c3f5f
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 2 deletions.
1 change: 1 addition & 0 deletions docs/src/Api/circular-progress.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ attribute to `true` on that region until it has finished loading.
| <span class="prop-name">CircularProgresProp.Thickness</span> | <span class="prop-type">float</span> | <span class="prop-default">3.6</span> | The thickness of the circle. |
| <span class="prop-name">CircularProgresProp.Value</span> | <span class="prop-type">int</span> | <span class="prop-default">0</span> | The value of the progress indicator for the determinate and static variants. Value between 0 and 100. |
| <span class="prop-name">CircularProgresProp.Variant</span> | <span class="prop-type">type&nbsp;CircularProgressVariant&nbsp;=<br>&nbsp;&nbsp;&#124;&nbsp;Determinate<br>&nbsp;&nbsp;&#124;&nbsp;Indeterminate<br>&nbsp;&nbsp;&#124;&nbsp;Static<br></span> | <span class="prop-default">CircularProgressVariant.Indeterminate</span> | The variant to use. Use indeterminate when there is no progress value. |
| <span class="prop-name">CircularProgresProp.DisableShrink</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | If `true`, the shrink animation is disabled. This only works if variant is `indeterminate`. |

Any other properties supplied will be spread to the root element (native element).

Expand Down
2 changes: 1 addition & 1 deletion docs/src/Api/form-control-label.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ Use this component if you want to display an extra label.
| <span class="prop-name">HTMLAttr.Name</span> | <span class="prop-type">string</span> |   | |
| <span class="prop-name">HTMLAttr.Value</span> | <span class="prop-type">string</span> |   | The value of the component. |
| <span class="prop-name">FormControlLabelProp.Control</span> | <span class="prop-type">ReactElement</span> |   | A control element. For instance, it can be be a `Radio`, a `Switch` or a `Checkbox`. |
| <span class="prop-name">FormControlLabelProp.LabelPlacement</span> | <span class="prop-type">type&nbsp;FormControlLabelPlacement&nbsp;=<br>&nbsp;&nbsp;&#124;&nbsp;End<br>&nbsp;&nbsp;&#124;&nbsp;Start<br></span> | <span class="prop-default">FormControlLabelPlacement.End</span> | The position of the label. |
| <span class="prop-name">FormControlLabelProp.LabelPlacement</span> | <span class="prop-type">type&nbsp;FormControlLabelPlacement&nbsp;=<br>&nbsp;&nbsp;&#124;&nbsp;End<br>&nbsp;&nbsp;&#124;&nbsp;Start<br>&nbsp;&nbsp;&#124;&nbsp;Top<br>&nbsp;&nbsp;&#124;&nbsp;Bottom<br></span> | <span class="prop-default">FormControlLabelPlacement.End</span> | The position of the label. |
| <span class="prop-name">FormControlLabelProp.OnChange</span> | <span class="prop-type">obj->bool->unit</span> |   | Callback fired when the state is changed.<br><br>**Signature:**<br>`(event: obj)->(checked: bool)->unit`<br>*event:* The event source of the callback. You can pull out the new value by accessing `event.target.checked`.<br>*checked:* The `checked` value of the switch |

Any other properties supplied will be spread to the root element (native element).
Expand Down
1 change: 1 addition & 0 deletions docs/src/Api/svg-icon.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ Fable.Helpers.MaterialUI.svgIcon (props : IHTMLProp list) (children : ReactEleme
| <span class="prop-name">IconProp.Color</span> | <span class="prop-type">type&nbsp;IconColor&nbsp;=<br>&nbsp;&nbsp;&#124;&nbsp;Inherit<br>&nbsp;&nbsp;&#124;&nbsp;Primary<br>&nbsp;&nbsp;&#124;&nbsp;Secondary<br>&nbsp;&nbsp;&#124;&nbsp;Action<br>&nbsp;&nbsp;&#124;&nbsp;Error<br>&nbsp;&nbsp;&#124;&nbsp;Disabled<br></span> | <span class="prop-default">IconColor.Inherit</span> | The color of the component. It supports those theme colors that make sense for this component. You can use the `nativeColor` property to apply a color attribute to the SVG element. |
| <span class="prop-name">IconProp.FontSize</span> | <span class="prop-type">type&nbsp;IconFontSize&nbsp;=<br>&nbsp;&nbsp;&#124;&nbsp;Inherit<br>&nbsp;&nbsp;&#124;&nbsp;Default<br>&nbsp;&nbsp;&#124;&nbsp;Small<br>&nbsp;&nbsp;&#124;&nbsp;Large<br></span> | <span class="prop-default">IconProp.Default</span> | The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size. |
| <span class="prop-name">SvgIconProp.NativeColor</span> | <span class="prop-type">string</span> |   | Applies a color attribute to the SVG element. |
| <span class="prop-name">SvgIconProp.ShapeRendering</span> | <span class="prop-type">string</span> |   | The shape-rendering attribute. The behavior of the different options is described [here](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering). If you are having issues with blurry icons you should investigate this property. |
| <span class="prop-name">SvgIconProp.TitleAccess</span> | <span class="prop-type">string</span> |   | Provides a human-readable title for the element that contains it. https://www.w3.org/TR/SVG-access/#Equivalent |
| <span class="prop-name">SvgIconProp.ViewBox</span> | <span class="prop-type">string</span> | <span class="prop-default">"0 0 24 24"</span> | Allows you to redefine what the coordinates without units mean inside an SVG element. For example, if the SVG element is 500 (width) by 200 (height), and you pass viewBox="0 0 50 20", this means that the coordinates inside the SVG will go from the top left corner (0,0) to bottom right (50,20) and each unit will be worth 10px. |

Expand Down
9 changes: 8 additions & 1 deletion src/Fable.Helpers.MaterialUI.Props.fs
Original file line number Diff line number Diff line change
Expand Up @@ -1147,6 +1147,7 @@ module Props =
| Thickness of float
| Value of int // TODO validate for 0 to 100
| Variant of CircularProgressVariant
| DisableShrink of bool
interface IHTMLProp

type [<Erase>] ClickAwayListenerMouseEvent =
Expand Down Expand Up @@ -1223,7 +1224,11 @@ module Props =
| Variant of FormControlVariant
interface IHTMLProp

type [<StringEnum; RequireQualifiedAccess>] FormControlLabelPlacement = End | Start
type [<StringEnum; RequireQualifiedAccess>] FormControlLabelPlacement =
| End
| Start
| Top
| Bottom

type FormControlLabelProp =
| Control of Fable.Import.React.ReactElement
Expand Down Expand Up @@ -1610,6 +1615,8 @@ module Props =
type SvgIconProp =
| NativeColor of string
| TitleAccess of string
| ViewBox of string
| ShapeRendering of string
interface IHTMLProp

type SwipeableDrawerProp =
Expand Down

0 comments on commit 79c3f5f

Please sign in to comment.