feat(List): add inline props

Adds the inline prop to List and List.Item for displaying List items
inline

Author: jonthomp

src/components/List/List.react.js

@@ -12,14 +12,22 @@ type Props = {|
   +className?: string,
   +unstyled?: boolean,
   +seperated?: boolean,
+  +inline?: boolean,
 |};
 
-function List({ className, children, unstyled, seperated }: Props): React.Node {
+function List({
+  className,
+  children,
+  unstyled,
+  seperated,
+  inline,
+}: Props): React.Node {
   const classes = cn(
     {
       list: !unstyled,
       "list-unstyled": unstyled,
       "list-seperated": seperated,
+      "list-inline": inline,
     },
     className
   );

src/components/List/ListItem.react.js

@@ -6,10 +6,11 @@ import cn from "classnames";
 type Props = {|
   +children?: React.Node,
   +className?: string,
+  +inline?: boolean,
 |};
 
-function ListItem({ className, children }: Props): React.Node {
-  const classes = cn(className);
+function ListItem({ className, children, inline }: Props): React.Node {
+  const classes = cn({ "list-inline-item": inline }, className);
   return <li className={classes}>{children}</li>;
 }