diff --git a/docs/examples/.eslintrc b/docs/examples/.eslintrc index b6dc693611..358c61473e 100644 --- a/docs/examples/.eslintrc +++ b/docs/examples/.eslintrc @@ -20,6 +20,7 @@ "CarouselItem", "Col", "DropdownButton", + "FormControls", "Glyphicon", "Grid", "Input", diff --git a/docs/examples/InputTypes.js b/docs/examples/InputTypes.js index 036f6d6199..63a418e8a7 100644 --- a/docs/examples/InputTypes.js +++ b/docs/examples/InputTypes.js @@ -15,7 +15,6 @@ const inputTypeInstance = ( - diff --git a/docs/examples/StaticText.js b/docs/examples/StaticText.js new file mode 100644 index 0000000000..1b08ab93d9 --- /dev/null +++ b/docs/examples/StaticText.js @@ -0,0 +1,9 @@ +const staticTextExample = ( +
+ + + Bob + +); + +React.render(staticTextExample, mountNode); diff --git a/docs/src/ComponentsPage.js b/docs/src/ComponentsPage.js index e268bc27f5..863e71b78d 100644 --- a/docs/src/ComponentsPage.js +++ b/docs/src/ComponentsPage.js @@ -577,8 +577,10 @@ const ComponentsPage = React.createClass({ The helper method getInputDOMNode() returns the internal input element. If you don't want the form-group class applied apply the prop named standalone.

Types

-

Supports select, textarea, static as well as standard HTML input types. getValue() returns an array for multiple select.

+

Supports select, textarea, as well as standard HTML input types. getValue() returns an array for multiple select.

+

Static text can be added to your form controls through the use of the FormControls.Static component.

+

Button Input Types

Form buttons are encapsulated by ButtonInput. Pass in type="reset" or type="submit" to suit your needs. Styling is the same as Button.

diff --git a/docs/src/ReactPlayground.js b/docs/src/ReactPlayground.js index 6561e87287..097fd47fb5 100644 --- a/docs/src/ReactPlayground.js +++ b/docs/src/ReactPlayground.js @@ -13,6 +13,7 @@ import * as modCarousel from '../../src/Carousel'; import * as modCarouselItem from '../../src/CarouselItem'; import * as modCol from '../../src/Col'; import * as modDropdownButton from '../../src/DropdownButton'; +import * as modFormControls from '../../src/FormControls'; import * as modGlyphicon from '../../src/Glyphicon'; import * as modGrid from '../../src/Grid'; import * as modInput from '../../src/Input'; @@ -64,6 +65,7 @@ const Carousel = modCarousel.default; const CarouselItem = modCarouselItem.default; const Col = modCol.default; const DropdownButton = modDropdownButton.default; +const FormControls = modFormControls.default; const Glyphicon = modGlyphicon.default; const Grid = modGrid.default; const Input = modInput.default; diff --git a/docs/src/Samples.js b/docs/src/Samples.js index 3fc3a163a5..b15e400a85 100644 --- a/docs/src/Samples.js +++ b/docs/src/Samples.js @@ -89,6 +89,7 @@ export default { TableResponsive: require('fs').readFileSync(__dirname + '/../examples/TableResponsive.js', 'utf8'), Input: require('fs').readFileSync(__dirname + '/../examples/Input.js', 'utf8'), InputTypes: require('fs').readFileSync(__dirname + '/../examples/InputTypes.js', 'utf8'), + StaticText: require('fs').readFileSync(__dirname + '/../examples/StaticText.js', 'utf8'), ButtonInput: require('fs').readFileSync(__dirname + '/../examples/ButtonInput.js', 'utf8'), InputAddons: require('fs').readFileSync(__dirname + '/../examples/InputAddons.js', 'utf8'), InputSizes: require('fs').readFileSync(__dirname + '/../examples/InputSizes.js', 'utf8'),