@teamsnap/teamsnap-ui
Version:
a CSS component library for TeamSnap
39 lines (38 loc) • 1.29 kB
TypeScript
/**
* @name ButtonGroup
*
* @description
* A ButtonGroup component that that wraps multiple buttons. You can either pass individual buttons as children
* or as a set of objects in the buttons array prop. See the teamsnap patterns library for more information
* https://teamsnap-ui-patterns.netlify.com/patterns/components/button-group.html
*
* @example
* <ButtonGroup>
* <Button color='primary'>Button One</Button>
* <Button color='negative'>Button Two</Button>
* </Button>
*
*/
import * as React from "react";
import * as PropTypes from "prop-types";
declare class ButtonGroup extends React.PureComponent<PropTypes.InferProps<typeof ButtonGroup.propTypes>, any> {
static propTypes: {
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
buttons: PropTypes.Requireable<any[]>;
className: PropTypes.Requireable<string>;
mods: PropTypes.Requireable<string>;
style: PropTypes.Requireable<object>;
otherProps: PropTypes.Requireable<object>;
};
static defaultProps: {
children: any;
buttons: any[];
className: string;
mods: any;
style: {};
otherProps: {};
};
renderButtons: () => JSX.Element[];
render(): JSX.Element;
}
export default ButtonGroup;