react-bootstrap / react-bootstrap-typescript

Typescript definitions for React / Bootstrap

react-bootstrap-typescript

Typescript definitions for React / Bootstrap

Installing (or Updating) via Typings

typings install react-bootstrap=github:react-bootstrap/react-bootstrap-typescript/index.d.ts --save

react-bootstrap-typescript's Issues

I can't find TableRow and Table Col

I am able to use the Table but I can't find TableRow or TableCol. How do we use Table with this package? Thanks.

import { Table } from 'react-bootstrap';

bs-Properties are not supported in type definitions

I am trying to convert my bootstrap-react app to TypeScript. Almost everything works fine, but all of the "bs" attributes are not present in the type definitions.
I regularly use "bsClass" and "bsSize" on all react-bootstrap controls, but I get an "property does not exist" error from the ts compiler.
How would I go for that?

Guenter

Archive this repo?

Shouldn't this repo be archived now that we've got @typings/react-bootstrap from DefinitelyTyped?

tds points to react-bootstrap/src instead of react-bootstrap/lib

I get this err:

Module not found: Error: Cannot resolve module 'react-bootstrap/src/Button'

The path of the lib is node_modules/react-bootstrap/lib/Button

I'm doing something wrong or TSD need to be updated ?

Regards,

How to import specific component from react-bootstrap with Typescript

Earlier my app was in ReactJs + React-bootstrap. Now I'm using Typescript + ReactJs + React-bootstrap

To reduce the size of the app for production Earlier I used to import react-bootstrap components using - import Button from 'react-bootstrap/lib/Button'

After adding Typescript it shows the following error

ERROR in [at-loader] ./components/Hello.tsx:6:8
TS1192: Module ''react-bootstrap/lib/Button'' has no default export.

Attempt 1

import {Button} from 'react-bootstrap/lib/Button' but in this case Button is undefined.

Attempt 2

import * as Button from 'react-bootstrap/lib/Button' but in this case another error pops out

ERROR in [at-loader] ./components/Hello.tsx:54:12
TS2604: JSX element type 'Button' does not have any construct or call signatures.

This error shows error in line <Button bsStyle="danger" bsClass="glyphicon glyphicon-new-window"></Button>

Though import {Button} from 'react-bootstrap' works fine but this is not desired because it results in increasing the size of the app by 200kbs for me.

How can we import specific component from react-bootstrap using Typescript??

Needs to be updated on DefinitelyTyped ?

These typings are not updated with the DefinitelyTyped repo, and are hence not working with the new Typescript2 @types/react-bootstrap package.

How to import ControlLabel and HelpBlock?

I cannot find them in the code.

Table does not support "fill" property

The Table component, should according to the docs, support the "fill" attribute, I have tested that modifying the d.ts file for the Table to be like as follows, it will work.

export interface TableProps extends React.Props<TableClass> {
  bordered?: boolean;
  className?: string;
  condensed?: boolean;
  hover?: boolean;
  responsive?: boolean;
  striped?: boolean;
  fill?: boolean;
}

No version number

It would be useful to have a version number for the version of React Boostrap these typing describe.