From 1304eb780ddc868aee91a2f3c89faf5194fb25fb Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Sat, 15 Oct 2016 04:18:47 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/button.html | 16 +++++++++++++++- releases/next/img/buttonExample.png | Bin 256782 -> 338276 bytes 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/releases/next/docs/button.html b/releases/next/docs/button.html index 5ff9f321c54..a805fca96c9 100644 --- a/releases/next/docs/button.html +++ b/releases/next/docs/button.html @@ -10,7 +10,7 @@ Or, take a look at the ="Learn More" color="#841584" accessibilityLabel="Learn more about this purple button" -/>

Props #

accessibilityLabel string #

Text to display for blindness accessibility features

color color #

Color of the text (iOS), or background color of the button (Android)

onPress function #

Handler to be called when the user taps the button

title string #

Text to display inside the button

You can edit the content above on GitHub and send us a pull request!

Examples #

Edit on GitHub
'use strict'; +/>

Props #

accessibilityLabel string #

Text to display for blindness accessibility features

color color #

Color of the text (iOS), or background color of the button (Android)

disabled bool #

If true, disable all interactions for this component.

onPress function #

Handler to be called when the user taps the button

title string #

Text to display inside the button

You can edit the content above on GitHub and send us a pull request!

Examples #

Edit on GitHub
'use strict'; const React = require('react'); const ReactNative = require('react-native'); @@ -83,6 +83,20 @@ exports.examples ); }, }, + { + title: 'Disabled Button', + description: 'All interactions for the component are disabled.', + render: function() { + return ( + <Button + disabled + onPress={onButtonPress} + title="I Am Disabled" + accessibilityLabel="See an informative alert" + /> + ); + }, + }, ];