flip/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/FlipsideCrypto/DefinitelyTyped.git synced 2026-02-06 10:56:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #6856 from rhysd/material-ui/badge

Browse Source 
material-ui: Added type of <Badge> component
This commit is contained in:
Masahiro Wakame 2015-11-27 00:06:23 +09:00
commit 526e6208cd
2 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
material-ui/material-ui-tests.tsx
View File

@ -7,6 +7,7 @@ import * as LinkedStateMixin from "react-addons-linked-state-mixin";
import Checkbox = require("material-ui/lib/checkbox");
import Colors = require("material-ui/lib/styles/colors");
import AppBar = require("material-ui/lib/app-bar");
import Badge = require("material-ui/lib/badge");
import IconButton = require("material-ui/lib/icon-button");
import FlatButton = require("material-ui/lib/flat-button");
import Avatar = require("material-ui/lib/avatar");
@ -132,6 +133,17 @@ class MaterialUiTests extends React.Component<{}, {}> implements React.LinkedSta
backgroundColor={Colors.purple500}>
</Avatar>
// "http://material-ui.com/#/components/badge"
element = <Badge badgeContent={<span>Hello</span>}>
<Avatar color={Colors.deepOrange300} />
</Badge>;
element = <Badge
primary
badgeContent={<span>Hello</span>}
badgeStyle={{height: '24px', width: '24px'}}
>
This text has a badge!
</Badge>;
// "http://material-ui.com/#/components/buttons"
element = <FlatButton linkButton={true} href="https://github.com/callemall/material-ui" secondary={true} label="GitHub">
@ -491,4 +503,4 @@ class MaterialUiTests extends React.Component<{}, {}> implements React.LinkedSta
return element;
}
}
}

16
material-ui/material-ui.d.ts vendored
View File

@ -9,6 +9,7 @@ declare module "material-ui" {
export import AppBar = __MaterialUI.AppBar; // require('material-ui/lib/app-bar');
export import AppCanvas = __MaterialUI.AppCanvas; // require('material-ui/lib/app-canvas');
export import Avatar = __MaterialUI.Avatar; // require('material-ui/lib/avatar');
export import Badge = __MaterialUI.Badge; // require('material-ui/lib/badge');
export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper; // require('material-ui/lib/before-after-wrapper');
export import Card = __MaterialUI.Card.Card; // require('material-ui/lib/card/card');
export import CardActions = __MaterialUI.Card.CardActions; // require('material-ui/lib/card/card-actions');
@ -137,6 +138,16 @@ declare namespace __MaterialUI {
export class Avatar extends React.Component<AvatarProps, {}> {
}
interface BadgeProps extends React.Props<Badge> {
badgeContent: React.ReactElement<any> | string | number;
primary?: boolean;
secondary?: boolean;
style?: React.CSSProperties;
badgeStyle?: React.CSSProperties;
}
export class Badge extends React.Component<BadgeProps, {}> {
}
interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
beforeStyle?: React.CSSProperties;
afterStyle?: React.CSSProperties;
@ -1526,6 +1537,11 @@ declare module 'material-ui/lib/avatar' {
export = Avatar;
}
declare module "material-ui/lib/badge" {
import Badge = __MaterialUI.Badge;
export = Badge;
}
declare module 'material-ui/lib/before-after-wrapper' {
import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper;
export = BeforeAfterWrapper;