From 8644f396ba7aee1593c85063d9d3a15c2b64b31d Mon Sep 17 00:00:00 2001 From: FaithForHumans Date: Fri, 2 Feb 2018 18:10:13 -0600 Subject: [PATCH] Adding prepend/append for input group addons. Removing old cardblock, inputgroupbutton, and navdropdown components. Adding new InputGroupbuttonDropdown --- types/reactstrap/index.d.ts | 156 +++++++------- types/reactstrap/lib/CardBlock.d.ts | 10 - types/reactstrap/lib/Dropdown.d.ts | 1 + types/reactstrap/lib/DropdownToggle.d.ts | 1 + types/reactstrap/lib/InputGroupAddon.d.ts | 3 +- types/reactstrap/lib/InputGroupButton.d.ts | 13 -- .../lib/InputGroupButtonDropdown.d.ts | 8 + types/reactstrap/lib/InputGroupText.d.ts | 9 + types/reactstrap/lib/NavDropdown.d.ts | 15 -- types/reactstrap/lib/Uncontrolled.d.ts | 3 - types/reactstrap/reactstrap-tests.tsx | 195 +++++++++++------- 11 files changed, 218 insertions(+), 196 deletions(-) delete mode 100644 types/reactstrap/lib/CardBlock.d.ts delete mode 100644 types/reactstrap/lib/InputGroupButton.d.ts create mode 100644 types/reactstrap/lib/InputGroupButtonDropdown.d.ts create mode 100644 types/reactstrap/lib/InputGroupText.d.ts delete mode 100644 types/reactstrap/lib/NavDropdown.d.ts diff --git a/types/reactstrap/index.d.ts b/types/reactstrap/index.d.ts index 38c55bc08a..73b456783a 100644 --- a/types/reactstrap/index.d.ts +++ b/types/reactstrap/index.d.ts @@ -14,82 +14,80 @@ export interface CSSModule { [className: string]: string; } -export { default as Alert, AlertProps } from './lib/Alert'; -export { default as Badge, BadgeProps } from './lib/Badge'; -export { default as Breadcrumb, BreadcrumbProps } from './lib/Breadcrumb'; -export { default as BreadcrumbItem, BreadcrumbItemProps } from './lib/BreadcrumbItem'; -export { default as Button, ButtonProps } from './lib/Button'; -export { default as ButtonDropdown, ButtonDropdownProps } from './lib/ButtonDropdown'; -export { default as ButtonGroup, ButtonGroupProps } from './lib/ButtonGroup'; -export { default as ButtonToolbar, ButtonToolbarProps } from './lib/ButtonToolbar'; -export { default as Card, CardProps } from './lib/Card'; -export { default as CardBody, CardBodyProps } from './lib/CardBody'; -export { default as CardBlock, CardBlockProps } from './lib/CardBlock'; -export { default as CardColumns, CardColumnsProps } from './lib/CardColumns'; -export { default as CardDeck, CardDeckProps } from './lib/CardDeck'; -export { default as CardFooter, CardFooterProps } from './lib/CardFooter'; -export { default as CardGroup, CardGroupProps } from './lib/CardGroup'; -export { default as CardHeader, CardHeaderProps } from './lib/CardHeader'; -export { default as CardImg, CardImgProps } from './lib/CardImg'; -export { default as CardImgOverlay, CardImgOverlayProps } from './lib/CardImgOverlay'; -export { default as CardLink, CardLinkProps } from './lib/CardLink'; -export { default as CardSubtitle, CardSubtitleProps } from './lib/CardSubtitle'; -export { default as CardText, CardTextProps } from './lib/CardText'; -export { default as CardTitle, CardTitleProps } from './lib/CardTitle'; -export { default as Carousel, CarouselProps } from './lib/Carousel'; -export { default as CarouselItem, CarouselItemProps } from './lib/CarouselItem'; -export { default as CarouselControl, CarouselControlProps } from './lib/CarouselControl'; -export { default as CarouselIndicators, CarouselIndicatorsProps } from './lib/CarouselIndicators'; -export { default as CarouselCaption, CarouselCaptionProps } from './lib/CarouselCaption'; -export { default as Col, ColProps } from './lib/Col'; -export { default as Collapse, CollapseProps } from './lib/Collapse'; -export { default as Container, ContainerProps } from './lib/Container'; -export { default as Dropdown, DropdownProps } from './lib/Dropdown'; -export { default as DropdownItem, DropdownItemProps } from './lib/DropdownItem'; -export { default as DropdownMenu, DropdownMenuProps } from './lib/DropdownMenu'; -export { default as DropdownToggle, DropdownToggleProps } from './lib/DropdownToggle'; -export { default as Fade, FadeProps } from './lib/Fade'; -export { default as Form, FormProps } from './lib/Form'; -export { default as FormFeedback, FormFeedbackProps } from './lib/FormFeedback'; -export { default as FormGroup, FormGroupProps } from './lib/FormGroup'; -export { default as FormText, FormTextProps } from './lib/FormText'; -export { default as Input, InputProps } from './lib/Input'; -export { default as InputGroup, InputGroupProps } from './lib/InputGroup'; -export { default as InputGroupAddon, InputGroupAddonProps } from './lib/InputGroupAddon'; -export { default as InputGroupButton, InputGroupButtonProps } from './lib/InputGroupButton'; -export { default as Jumbotron, JumbotronProps } from './lib/Jumbotron'; -export { default as Label, LabelProps } from './lib/Label'; -export { default as ListGroup, ListGroupProps } from './lib/ListGroup'; -export { default as ListGroupItem, ListGroupItemProps } from './lib/ListGroupItem'; -export { default as ListGroupItemHeading, ListGroupItemHeadingProps } from './lib/ListGroupItemHeading'; -export { default as ListGroupItemText, ListGroupItemTextProps } from './lib/ListGroupItemText'; -export { default as Media, MediaProps } from './lib/Media'; -export { default as Modal, ModalProps } from './lib/Modal'; -export { default as ModalBody, ModalBodyProps } from './lib/ModalBody'; -export { default as ModalFooter, ModalFooterProps } from './lib/ModalFooter'; -export { default as ModalHeader, ModalHeaderProps } from './lib/ModalHeader'; -export { default as Nav, NavProps } from './lib/Nav'; -export { default as Navbar, NavbarProps } from './lib/Navbar'; -export { default as NavbarBrand, NavbarBrandProps } from './lib/NavbarBrand'; -export { default as NavbarToggler, NavbarTogglerProps } from './lib/NavbarToggler'; -export { default as NavDropdown, NavDropdownProps } from './lib/NavDropdown'; -export { default as NavItem, NavItemProps } from './lib/NavItem'; -export { default as NavLink, NavLinkProps } from './lib/NavLink'; -export { default as Pagination, PaginationProps } from './lib/Pagination'; -export { default as PaginationItem, PaginationItemProps } from './lib/PaginationItem'; -export { default as PaginationLink, PaginationLinkProps } from './lib/PaginationLink'; -export { default as Popover, PopoverProps } from './lib/Popover'; -export { default as PopoverBody, PopoverBodyProps } from './lib/PopoverBody'; -export { default as PopoverHeader, PopoverHeaderProps } from './lib/PopoverHeader'; -export { default as Progress, ProgressProps } from './lib/Progress'; -export { default as Row, RowProps } from './lib/Row'; -export { default as TabContent, TabContentProps } from './lib/TabContent'; -export { default as Table, TableProps } from './lib/Table'; -export { default as TabPane, TabPaneProps } from './lib/TabPane'; -export { default as Tag, TagProps } from './lib/Tag'; -export { default as Tooltip, TooltipProps } from './lib/Tooltip'; -export { UncontrolledAlert, UncontrolledAlertProps } from './lib/Uncontrolled'; -export { UncontrolledButtonDropdown, UncontrolledButtonDropdownProps } from './lib/Uncontrolled'; -export { UncontrolledDropdown, UncontrolledDropdownProps } from './lib/Uncontrolled'; -export { UncontrolledNavDropdown, UncontrolledNavDropdownProps } from './lib/Uncontrolled'; -export { UncontrolledTooltip, UncontrolledTooltipProps } from './lib/Uncontrolled'; +export { default as Alert, AlertProps } from './lib/Alert'; +export { default as Badge, BadgeProps } from './lib/Badge'; +export { default as Breadcrumb, BreadcrumbProps } from './lib/Breadcrumb'; +export { default as BreadcrumbItem, BreadcrumbItemProps } from './lib/BreadcrumbItem'; +export { default as Button, ButtonProps } from './lib/Button'; +export { default as ButtonDropdown, ButtonDropdownProps } from './lib/ButtonDropdown'; +export { default as ButtonGroup, ButtonGroupProps } from './lib/ButtonGroup'; +export { default as ButtonToolbar, ButtonToolbarProps } from './lib/ButtonToolbar'; +export { default as Card, CardProps } from './lib/Card'; +export { default as CardBody, CardBodyProps } from './lib/CardBody'; +export { default as CardColumns, CardColumnsProps } from './lib/CardColumns'; +export { default as CardDeck, CardDeckProps } from './lib/CardDeck'; +export { default as CardFooter, CardFooterProps } from './lib/CardFooter'; +export { default as CardGroup, CardGroupProps } from './lib/CardGroup'; +export { default as CardHeader, CardHeaderProps } from './lib/CardHeader'; +export { default as CardImg, CardImgProps } from './lib/CardImg'; +export { default as CardImgOverlay, CardImgOverlayProps } from './lib/CardImgOverlay'; +export { default as CardLink, CardLinkProps } from './lib/CardLink'; +export { default as CardSubtitle, CardSubtitleProps } from './lib/CardSubtitle'; +export { default as CardText, CardTextProps } from './lib/CardText'; +export { default as CardTitle, CardTitleProps } from './lib/CardTitle'; +export { default as Carousel, CarouselProps } from './lib/Carousel'; +export { default as CarouselItem, CarouselItemProps } from './lib/CarouselItem'; +export { default as CarouselControl, CarouselControlProps } from './lib/CarouselControl'; +export { default as CarouselIndicators, CarouselIndicatorsProps } from './lib/CarouselIndicators'; +export { default as CarouselCaption, CarouselCaptionProps } from './lib/CarouselCaption'; +export { default as Col, ColProps } from './lib/Col'; +export { default as Collapse, CollapseProps } from './lib/Collapse'; +export { default as Container, ContainerProps } from './lib/Container'; +export { default as Dropdown, DropdownProps } from './lib/Dropdown'; +export { default as DropdownItem, DropdownItemProps } from './lib/DropdownItem'; +export { default as DropdownMenu, DropdownMenuProps } from './lib/DropdownMenu'; +export { default as DropdownToggle, DropdownToggleProps } from './lib/DropdownToggle'; +export { default as Fade, FadeProps } from './lib/Fade'; +export { default as Form, FormProps } from './lib/Form'; +export { default as FormFeedback, FormFeedbackProps } from './lib/FormFeedback'; +export { default as FormGroup, FormGroupProps } from './lib/FormGroup'; +export { default as FormText, FormTextProps } from './lib/FormText'; +export { default as Input, InputProps } from './lib/Input'; +export { default as InputGroup, InputGroupProps } from './lib/InputGroup'; +export { default as InputGroupAddon, InputGroupAddonProps } from './lib/InputGroupAddon'; +export { default as InputGroupButtonDropdown, InputGroupButtonDropdownProps } from './lib/InputGroupButtonDropdown'; +export { default as InputGroupText, InputGroupTextProps } from './lib/InputGroupText'; +export { default as Jumbotron, JumbotronProps } from './lib/Jumbotron'; +export { default as Label, LabelProps } from './lib/Label'; +export { default as ListGroup, ListGroupProps } from './lib/ListGroup'; +export { default as ListGroupItem, ListGroupItemProps } from './lib/ListGroupItem'; +export { default as ListGroupItemHeading, ListGroupItemHeadingProps } from './lib/ListGroupItemHeading'; +export { default as ListGroupItemText, ListGroupItemTextProps } from './lib/ListGroupItemText'; +export { default as Media, MediaProps } from './lib/Media'; +export { default as Modal, ModalProps } from './lib/Modal'; +export { default as ModalBody, ModalBodyProps } from './lib/ModalBody'; +export { default as ModalFooter, ModalFooterProps } from './lib/ModalFooter'; +export { default as ModalHeader, ModalHeaderProps } from './lib/ModalHeader'; +export { default as Nav, NavProps } from './lib/Nav'; +export { default as Navbar, NavbarProps } from './lib/Navbar'; +export { default as NavbarBrand, NavbarBrandProps } from './lib/NavbarBrand'; +export { default as NavbarToggler, NavbarTogglerProps } from './lib/NavbarToggler'; +export { default as NavItem, NavItemProps } from './lib/NavItem'; +export { default as NavLink, NavLinkProps } from './lib/NavLink'; +export { default as Pagination, PaginationProps } from './lib/Pagination'; +export { default as PaginationItem, PaginationItemProps } from './lib/PaginationItem'; +export { default as PaginationLink, PaginationLinkProps } from './lib/PaginationLink'; +export { default as Popover, PopoverProps } from './lib/Popover'; +export { default as PopoverBody, PopoverBodyProps } from './lib/PopoverBody'; +export { default as PopoverHeader, PopoverHeaderProps } from './lib/PopoverHeader'; +export { default as Progress, ProgressProps } from './lib/Progress'; +export { default as Row, RowProps } from './lib/Row'; +export { default as TabContent, TabContentProps } from './lib/TabContent'; +export { default as Table, TableProps } from './lib/Table'; +export { default as TabPane, TabPaneProps } from './lib/TabPane'; +export { default as Tag, TagProps } from './lib/Tag'; +export { default as Tooltip, TooltipProps } from './lib/Tooltip'; +export { UncontrolledAlert, UncontrolledAlertProps } from './lib/Uncontrolled'; +export { UncontrolledButtonDropdown, UncontrolledButtonDropdownProps } from './lib/Uncontrolled'; +export { UncontrolledDropdown, UncontrolledDropdownProps } from './lib/Uncontrolled'; +export { UncontrolledTooltip, UncontrolledTooltipProps } from './lib/Uncontrolled'; diff --git a/types/reactstrap/lib/CardBlock.d.ts b/types/reactstrap/lib/CardBlock.d.ts deleted file mode 100644 index 9830e15e6a..0000000000 --- a/types/reactstrap/lib/CardBlock.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { CSSModule } from '../index'; - -export interface CardBlockProps { - tag?: React.ReactType; - className?: string; - cssModule?: CSSModule; -} - -declare const CardBlock: React.StatelessComponent; -export default CardBlock; diff --git a/types/reactstrap/lib/Dropdown.d.ts b/types/reactstrap/lib/Dropdown.d.ts index 9754af4fe2..e53b813cfe 100644 --- a/types/reactstrap/lib/Dropdown.d.ts +++ b/types/reactstrap/lib/Dropdown.d.ts @@ -18,6 +18,7 @@ export interface Props extends UncontrolledProps { group?: boolean; size?: string; tag?: React.ReactType; + addonType?: boolean | 'prepend' | 'append'; } export interface DropdownProps extends Props { /* intentionally blank */ diff --git a/types/reactstrap/lib/DropdownToggle.d.ts b/types/reactstrap/lib/DropdownToggle.d.ts index 51028815d4..eab2f3879d 100644 --- a/types/reactstrap/lib/DropdownToggle.d.ts +++ b/types/reactstrap/lib/DropdownToggle.d.ts @@ -6,6 +6,7 @@ export interface DropdownToggleProps { cssModule?: CSSModule; disabled?: boolean; onClick?: React.MouseEventHandler; + outline?: boolean; 'data-toggle'?: string; 'aria-haspopup'?: boolean; split?: boolean; diff --git a/types/reactstrap/lib/InputGroupAddon.d.ts b/types/reactstrap/lib/InputGroupAddon.d.ts index 31f5af505d..88b4f678c7 100644 --- a/types/reactstrap/lib/InputGroupAddon.d.ts +++ b/types/reactstrap/lib/InputGroupAddon.d.ts @@ -1,9 +1,10 @@ import { CSSModule } from '../index'; -export interface InputGroupAddonProps { +export interface InputGroupAddonProps extends React.HTMLAttributes { tag?: React.ReactType; className?: string; cssModule?: CSSModule; + addonType: 'prepend' | 'append'; } declare const InputGroupAddon: React.StatelessComponent; diff --git a/types/reactstrap/lib/InputGroupButton.d.ts b/types/reactstrap/lib/InputGroupButton.d.ts deleted file mode 100644 index 0d77701932..0000000000 --- a/types/reactstrap/lib/InputGroupButton.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { CSSModule } from '../index'; - -export interface InputGroupButtonProps { - tag?: React.ReactType; - groupClassName?: string; - groupAttributes?: any; - className?: string; - cssModule?: CSSModule; - color?: string; -} - -declare const InputGroupButton: React.StatelessComponent; -export default InputGroupButton; diff --git a/types/reactstrap/lib/InputGroupButtonDropdown.d.ts b/types/reactstrap/lib/InputGroupButtonDropdown.d.ts new file mode 100644 index 0000000000..32a129d43d --- /dev/null +++ b/types/reactstrap/lib/InputGroupButtonDropdown.d.ts @@ -0,0 +1,8 @@ +import { DropdownProps } from './Dropdown'; + +export interface InputGroupButtonDropdownProps extends DropdownProps { + addonType: 'prepend' | 'append'; +} + +declare const InputGroupButtonDropdown: React.StatelessComponent; +export default InputGroupButtonDropdown; diff --git a/types/reactstrap/lib/InputGroupText.d.ts b/types/reactstrap/lib/InputGroupText.d.ts new file mode 100644 index 0000000000..356babe8f4 --- /dev/null +++ b/types/reactstrap/lib/InputGroupText.d.ts @@ -0,0 +1,9 @@ +import { CSSModule } from '../index'; + +export interface InputGroupTextProps extends React.HTMLAttributes { + tag?: React.ReactType; + cssModule?: CSSModule; +} + +declare const InputGroupText: React.StatelessComponent; +export default InputGroupText; diff --git a/types/reactstrap/lib/NavDropdown.d.ts b/types/reactstrap/lib/NavDropdown.d.ts deleted file mode 100644 index e40e60601c..0000000000 --- a/types/reactstrap/lib/NavDropdown.d.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { UncontrolledDropdownProps, DropdownProps } from './Dropdown'; - -export interface UncontrolledProps extends UncontrolledDropdownProps { - /* intentionally blank */ -} -export interface UncontrolledNavDropdownProps extends UncontrolledProps { - /* intentionally blank */ -} - -export interface NavDropdownProps extends DropdownProps { - /* intentionally blank */ -} - -declare const NavDropdown: React.StatelessComponent; -export default NavDropdown; diff --git a/types/reactstrap/lib/Uncontrolled.d.ts b/types/reactstrap/lib/Uncontrolled.d.ts index b3b292dd6b..d241477adb 100644 --- a/types/reactstrap/lib/Uncontrolled.d.ts +++ b/types/reactstrap/lib/Uncontrolled.d.ts @@ -1,17 +1,14 @@ import { UncontrolledAlertProps } from './Alert'; import { UncontrolledButtonDropdownProps } from './ButtonDropdown'; import { UncontrolledDropdownProps } from './Dropdown'; -import { UncontrolledNavDropdownProps } from './NavDropdown'; import { UncontrolledTooltipProps } from './Tooltip'; export const UncontrolledAlert: React.StatelessComponent; export const UncontrolledButtonDropdown: React.StatelessComponent; export const UncontrolledDropdown: React.StatelessComponent; -export const UncontrolledNavDropdown: React.StatelessComponent; export const UncontrolledTooltip: React.StatelessComponent; export { UncontrolledAlertProps } from './Alert'; export { UncontrolledButtonDropdownProps } from './ButtonDropdown'; export { UncontrolledDropdownProps } from './Dropdown'; -export { UncontrolledNavDropdownProps } from './NavDropdown'; export { UncontrolledTooltipProps } from './Tooltip'; diff --git a/types/reactstrap/reactstrap-tests.tsx b/types/reactstrap/reactstrap-tests.tsx index 0f0bf7b81d..756d3acbd0 100644 --- a/types/reactstrap/reactstrap-tests.tsx +++ b/types/reactstrap/reactstrap-tests.tsx @@ -15,7 +15,6 @@ import { DropdownToggle, Card, CardBody, - CardBlock, CardColumns, CardDeck, CardFooter, @@ -44,7 +43,8 @@ import { Input, InputGroup, InputGroupAddon, - InputGroupButton, + InputGroupButtonDropdown, + InputGroupText, Pagination, Label, ListGroup, @@ -61,7 +61,6 @@ import { Navbar, NavbarBrand, NavbarToggler, - NavDropdown, NavItem, NavLink, PaginationItem, @@ -73,7 +72,6 @@ import { TabPane, UncontrolledButtonDropdown, UncontrolledDropdown, - UncontrolledNavDropdown, UncontrolledTooltip, TabContent, Table, @@ -522,12 +520,12 @@ const Example25 = (props: any) => {
- + Card title Card subtitle Some quick example text to build on the card title and make up the bulk of the card's content. - +
); @@ -537,16 +535,16 @@ const Example26 = (props: any) => { return (
- + Card title Card subtitle - + Card image cap - + Some quick example text to build on the card title and make up the bulk of the card's content. Card Link Another Link - +
); @@ -600,21 +598,21 @@ const Example29 = (props: any) => {
Header - + Special Title Treatment With supporting text below as a natural lead-in to additional content. - + Footer Featured - + Special Title Treatment With supporting text below as a natural lead-in to additional content. - + Footer
@@ -626,22 +624,22 @@ const Example30 = (props: any) => {
- + Card Title This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago - + - + Card Title This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago - +
@@ -744,25 +742,25 @@ const Example34 = (props: any) => { - + Card title Card subtitle This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. - + - + Card title Card subtitle This card has supporting text below as a natural lead-in to additional content. - + - + Card title Card subtitle @@ -770,7 +768,7 @@ const Example34 = (props: any) => { card has even longer content than the first to show that equal height action. - + ); @@ -781,25 +779,25 @@ const Example35 = (props: any) => { - + Card title Card subtitle This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. - + - + Card title Card subtitle This card has supporting text below as a natural lead-in to additional content. - + - + Card title Card subtitle @@ -807,7 +805,7 @@ const Example35 = (props: any) => { even longer content than the first to show that equal height action. - + ); @@ -818,23 +816,23 @@ const Example36 = (props: any) => { - + Card title Card subtitle This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. - + - + Card title Card subtitle This card has supporting text below as a natural lead-in to additional content. - + Special Title Treatment @@ -845,7 +843,7 @@ const Example36 = (props: any) => { - + Card title Card subtitle @@ -853,7 +851,7 @@ const Example36 = (props: any) => { has even longer content than the first to show that equal height action. - + Special Title Treatment @@ -883,12 +881,12 @@ class Example37 extends React.Component { - + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. - + @@ -925,12 +923,12 @@ class Example38 extends React.Component {
Current state: {this.state.status}
- + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. - + @@ -1422,12 +1420,12 @@ const Example52 = (props: any) => { return (
- @ + @
- + @@ -1435,21 +1433,25 @@ const Example52 = (props: any) => {
- @example.com + @example.com
- $ - $ + + $ + $ + - $ - $ + + $ + $ +
- $ + $ - .00 + .00
); @@ -1459,19 +1461,19 @@ const Example53 = (props: any) => { return (
- To the Left! + To the Left!
- To the Right! + To the Right!
- To the Left! + To the Left! - To the Right! + To the Right!
); @@ -1481,17 +1483,17 @@ const Example54 = (props: any) => { return (
- @lg + @lg
- @normal + @normal
- @sm + @sm
@@ -1502,19 +1504,19 @@ const Example55 = (props: any) => { return (
- +
- +
- + - +
); @@ -1524,17 +1526,17 @@ const Example56 = (props: any) => { return (
- @lg + @lg
- @normal + @normal
- @sm + @sm
@@ -1545,19 +1547,19 @@ const Example57 = (props: any) => { return (
- +
- +
- + - +
); @@ -1567,19 +1569,19 @@ const Example58 = (props: any) => { return (
- To the Left! + To the Left!
- To the Right! + To the Right!
- To the Left! + To the Left! - To the Right! + To the Right!
); @@ -2242,7 +2244,7 @@ class Example79 extends React.Component { Link - + Dropdown @@ -2253,7 +2255,7 @@ class Example79 extends React.Component { Another Action - + Link @@ -2292,7 +2294,7 @@ class Example80 extends React.Component { Link - + Dropdown @@ -2303,7 +2305,7 @@ class Example80 extends React.Component { Another Action - + Link @@ -3614,3 +3616,46 @@ class Example115 extends React.Component { ); } } + +const Example116 = (props: any) => { + return( +
+ + + + +
+ + + + + Button Dropdown + + + Header + Action + Another Action + + Another Action + + + +
+ + + + + + Header + Action + Another Action + + Another Action + + + + + +
+ ); +};