diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js b/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js index 33a68327e4..34f07eb5b9 100644 --- a/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js +++ b/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js @@ -1,18 +1,16 @@ import React from 'react' import { Button, Menu } from 'semantic-ui-react' -const MenuExampleButtons = () => { - return ( - - - - +const MenuExampleButtons = () => ( + + + + - - - - - ) -} + + + + +) export default MenuExampleButtons diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js b/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js index d6b7a9c1d3..f29ddd13ff 100644 --- a/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js +++ b/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js @@ -1,18 +1,16 @@ import React from 'react' import { Dropdown, Menu } from 'semantic-ui-react' -const MenuExampleDropdownItem = () => { - return ( - - - - Electronics - Automotive - Home - - - - ) -} +const MenuExampleDropdownItem = () => ( + + + + Electronics + Automotive + Home + + + +) export default MenuExampleDropdownItem diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js b/docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js index 1d2a4a1cc3..738391af98 100644 --- a/docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js +++ b/docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js @@ -2,7 +2,7 @@ import React, { Component } from 'react' import { Menu } from 'semantic-ui-react' export default class MenuExampleHeaderVertical extends Component { - handleItemClick = (name) => this.setState({ activeItem: name }) + handleItemClick = name => this.setState({ activeItem: name }) render() { const { activeItem } = this.state || {} diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js b/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js index d86122c633..48dc526db2 100644 --- a/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js +++ b/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js @@ -1,18 +1,16 @@ import React from 'react' import { Input, Menu } from 'semantic-ui-react' -const MenuExampleInputs = () => { - return ( - - - - +const MenuExampleInputs = () => ( + + + + - - - - - ) -} + + + + +) export default MenuExampleInputs diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js b/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js index 05c0459762..9e8521bb4c 100644 --- a/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js +++ b/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js @@ -19,15 +19,15 @@ export default class MenuExampleMenus extends Component { Submit - - + + Sign Up - + - + Help - - + + ) } diff --git a/docs/app/Examples/collections/Menu/Content/index.js b/docs/app/Examples/collections/Menu/Content/index.js index 35c847f372..2a282e9324 100644 --- a/docs/app/Examples/collections/Menu/Content/index.js +++ b/docs/app/Examples/collections/Menu/Content/index.js @@ -6,71 +6,69 @@ import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' // TODO: Add example with after it will be added // TODO: Add example with after it will be added -const Content = () => { - return ( - - - +const Content = () => ( + + + - + - + - + - + - + - {/* */} + {/* */} - {/* */} + {/* */} - + - - - ) -} + + +) export default Content diff --git a/docs/app/Examples/collections/Menu/States/MenuExampleActive.js b/docs/app/Examples/collections/Menu/States/MenuExampleActive.js index 042358eee4..7022b1e740 100644 --- a/docs/app/Examples/collections/Menu/States/MenuExampleActive.js +++ b/docs/app/Examples/collections/Menu/States/MenuExampleActive.js @@ -1,14 +1,12 @@ import React from 'react' import { Menu } from 'semantic-ui-react' -const MenuExampleActive = () => { - return ( - - +const MenuExampleActive = () => ( + + Link - - - ) -} + + +) export default MenuExampleActive diff --git a/docs/app/Examples/collections/Menu/States/MenuExampleDisabled.js b/docs/app/Examples/collections/Menu/States/MenuExampleDisabled.js index be5c6a238b..d9963ab804 100644 --- a/docs/app/Examples/collections/Menu/States/MenuExampleDisabled.js +++ b/docs/app/Examples/collections/Menu/States/MenuExampleDisabled.js @@ -1,14 +1,12 @@ import React from 'react' import { Menu } from 'semantic-ui-react' -const MenuExampleDisabled = () => { - return ( - - +const MenuExampleDisabled = () => ( + + Link - - - ) -} + + +) export default MenuExampleDisabled diff --git a/docs/app/Examples/collections/Menu/States/MenuExampleHover.js b/docs/app/Examples/collections/Menu/States/MenuExampleHover.js index b2946d5697..7b4184dabf 100644 --- a/docs/app/Examples/collections/Menu/States/MenuExampleHover.js +++ b/docs/app/Examples/collections/Menu/States/MenuExampleHover.js @@ -1,13 +1,11 @@ import React from 'react' import { Menu } from 'semantic-ui-react' -const MenuExampleHover = () => { - return ( - - A link - div Link - - ) -} +const MenuExampleHover = () => ( + + A link + div Link + +) export default MenuExampleHover diff --git a/docs/app/Examples/collections/Menu/States/index.js b/docs/app/Examples/collections/Menu/States/index.js index 7c6837db34..7bf0298cf1 100644 --- a/docs/app/Examples/collections/Menu/States/index.js +++ b/docs/app/Examples/collections/Menu/States/index.js @@ -3,28 +3,26 @@ import React from 'react' import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const States = () => { - return ( - - +const States = () => ( + + - + - - - ) -} + + +) export default States diff --git a/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js b/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js index b73fed5dc1..378a85bac8 100644 --- a/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js +++ b/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js @@ -3,46 +3,44 @@ import { Dropdown, Icon, Menu, Segment } from 'semantic-ui-react' // TODO: Update usage after its will be implemented -const MenuExampleAttached = () => { - return ( -
- - - - - - New +const MenuExampleAttached = () => ( +
+ + + + + + New - - Document - Image - - - Open - Save... - Edit Permissions - - Export - Share - - + + Document + Image + + + Open + Save... + Edit Permissions + + Export + Share + + - -
-
- - -
-
+ +
+
+ +
- -
+
+
+ +
- - - -
- ) -} + + + + +) export default MenuExampleAttached diff --git a/docs/app/Examples/collections/Menu/Types/index.js b/docs/app/Examples/collections/Menu/Types/index.js index 339518ffd4..1ea5b94f87 100644 --- a/docs/app/Examples/collections/Menu/Types/index.js +++ b/docs/app/Examples/collections/Menu/Types/index.js @@ -5,74 +5,72 @@ import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' // TODO: Add example with after it will be added -const Types = () => { - return ( - - - - - - +const Types = () => ( + + + + + + - + - - + + - - - - - + + + + + - + - - - - - + + + + + - - - ) -} + + +) export default Types diff --git a/docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js index 48462ef1c4..197850186a 100644 --- a/docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js +++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js @@ -1,13 +1,13 @@ import React from 'react' import { Message } from 'semantic-ui-react' -const MenuExampleFixed = () => { - return ( - - You can view examples of the fixed variation in the - official documentation. - - ) -} +const MenuExampleFixed = () => ( + + You can view examples of the fixed variation in the + + {' '}official documentation + . + +) export default MenuExampleFixed diff --git a/docs/app/Examples/collections/Menu/Variations/index.js b/docs/app/Examples/collections/Menu/Variations/index.js index dc27b3a81b..5e06de5969 100644 --- a/docs/app/Examples/collections/Menu/Variations/index.js +++ b/docs/app/Examples/collections/Menu/Variations/index.js @@ -3,117 +3,115 @@ import React from 'react' import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const Variations = () => { - return ( - - +const Variations = () => ( + + - + - - - - - + + + + + - - - - + + + + - - + + - - + + - + - - + + - + - - + + - - - - - - - - - - + + + + + + + + + + - - + + - - - ) -} + + +) export default Variations diff --git a/docs/app/Examples/collections/Menu/index.js b/docs/app/Examples/collections/Menu/index.js index 6a16e436f8..4776b91892 100644 --- a/docs/app/Examples/collections/Menu/index.js +++ b/docs/app/Examples/collections/Menu/index.js @@ -5,15 +5,13 @@ import Types from './Types' import States from './States' import Variations from './Variations' -const MenuExamples = () => { - return ( -
- - - - -
- ) -} +const MenuExamples = () => ( +
+ + + + +
+) export default MenuExamples diff --git a/docs/app/Examples/collections/Table/States/TableExampleActive.js b/docs/app/Examples/collections/Table/States/TableExampleActive.js index 12bcbbf581..2c65be8619 100644 --- a/docs/app/Examples/collections/Table/States/TableExampleActive.js +++ b/docs/app/Examples/collections/Table/States/TableExampleActive.js @@ -1,41 +1,39 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleActive = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleActive = () => ( +
+ + + Name + Status + Notes + + - - - Jamie - Approved - Requires call - - - John - Selected - None - - - Jamie - Approved - Requires call - - - Jill - Approved - None - - -
- ) -} + + + Jamie + Approved + Requires call + + + John + Selected + None + + + Jamie + Approved + Requires call + + + Jill + Approved + None + + + +) export default TableExampleActive diff --git a/docs/app/Examples/collections/Table/States/TableExampleDisabled.js b/docs/app/Examples/collections/Table/States/TableExampleDisabled.js index c282d3b100..812b541948 100644 --- a/docs/app/Examples/collections/Table/States/TableExampleDisabled.js +++ b/docs/app/Examples/collections/Table/States/TableExampleDisabled.js @@ -1,41 +1,39 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleDisabled = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleDisabled = () => ( +
+ + + Name + Status + Notes + + - - - Jamie - Approved - Requires call - - - John - Selected - None - - - Jamie - Approved - Requires call - - - Jill - Approved - None - - -
- ) -} + + + Jamie + Approved + Requires call + + + John + Selected + None + + + Jamie + Approved + Requires call + + + Jill + Approved + None + + + +) export default TableExampleDisabled diff --git a/docs/app/Examples/collections/Table/States/TableExampleError.js b/docs/app/Examples/collections/Table/States/TableExampleError.js index b19b256ee8..076b2c5fd8 100644 --- a/docs/app/Examples/collections/Table/States/TableExampleError.js +++ b/docs/app/Examples/collections/Table/States/TableExampleError.js @@ -1,44 +1,42 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleError = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleError = () => ( +
+ + + Name + Status + Notes + + - - - No Name Specified - Approved - None - - - Jimmy - Cannot pull data - None - - - Jamie - Approved - - + + + No Name Specified + Approved + None + + + Jimmy + Cannot pull data + None + + + Jamie + Approved + + Classified - - - - Jill - Approved - None - - -
- ) -} + + + + Jill + Approved + None + + + +) export default TableExampleError diff --git a/docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js b/docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js index f2a9095539..10186817b4 100644 --- a/docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js +++ b/docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js @@ -1,47 +1,45 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExamplePositiveNegative = () => { - return ( - - - - Name - Status - Notes - - +const TableExamplePositiveNegative = () => ( +
+ + + Name + Status + Notes + + - - - No Name Specified - Unknown - None - - - Jimmy - - + + + No Name Specified + Unknown + None + + + Jimmy + + Approved - - None - - - Jamie - Unknown - - + + None + + + Jamie + Unknown + + Requires call - - - - Jill - Unknown - None - - -
- ) -} + + + + Jill + Unknown + None + + + +) export default TableExamplePositiveNegative diff --git a/docs/app/Examples/collections/Table/States/TableExampleWarning.js b/docs/app/Examples/collections/Table/States/TableExampleWarning.js index 49650cb15d..0593c60810 100644 --- a/docs/app/Examples/collections/Table/States/TableExampleWarning.js +++ b/docs/app/Examples/collections/Table/States/TableExampleWarning.js @@ -1,47 +1,45 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleWarning = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleWarning = () => ( +
+ + + Name + Status + Notes + + - - - No Name Specified - Unknown - None - - - Jimmy - - + + + No Name Specified + Unknown + None + + + Jimmy + + Requires Action - - None - - - Jamie - Unknown - - + + None + + + Jamie + Unknown + + Hostile - - - - Jill - Unknown - None - - -
- ) -} + + + + Jill + Unknown + None + + + +) export default TableExampleWarning diff --git a/docs/app/Examples/collections/Table/States/index.js b/docs/app/Examples/collections/Table/States/index.js index d3c88013e6..479d05d848 100644 --- a/docs/app/Examples/collections/Table/States/index.js +++ b/docs/app/Examples/collections/Table/States/index.js @@ -3,41 +3,39 @@ import React from 'react' import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const States = () => { - return ( - - - - - - - - - ) -} +const States = () => ( + + + + + + + + +) export default States diff --git a/docs/app/Examples/collections/Table/Types/TableExampleApprove.js b/docs/app/Examples/collections/Table/Types/TableExampleApprove.js index 3beb4a4c77..e3dc1b01a9 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleApprove.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleApprove.js @@ -1,63 +1,61 @@ import React from 'react' import { Button, Checkbox, Icon, Table } from 'semantic-ui-react' -const TableExampleApprove = () => { - return ( - - - - - Name - Registration Date - E-mail address - Premium Plan - - +const TableExampleApprove = () => ( +
+ + + + Name + Registration Date + E-mail address + Premium Plan + + - - - - - - John Lilki - September 14, 2013 - jhlilk22@yahoo.com - No - - - - - - Jamie Harington - January 11, 2014 - jamieharingonton@yahoo.com - Yes - - - - - - Jill Lewis - May 11, 2014 - jilsewris22@yahoo.com - Yes - - + + + + + + John Lilki + September 14, 2013 + jhlilk22@yahoo.com + No + + + + + + Jamie Harington + January 11, 2014 + jamieharingonton@yahoo.com + Yes + + + + + + Jill Lewis + May 11, 2014 + jilsewris22@yahoo.com + Yes + + - - - - - - - - - - -
- ) -} + + + + + + + + + + + +) export default TableExampleApprove diff --git a/docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js b/docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js index c26930e605..4c51e9ef8c 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js @@ -1,76 +1,74 @@ import React from 'react' import { Header, Image, Table } from 'semantic-ui-react' -const TableExampleCollapsing = () => { - return ( - - - - Employee - Correct Guesses - - +const TableExampleCollapsing = () => ( +
+ + + Employee + Correct Guesses + + - - - -
- - + + + +
+ + Lena - Human Resources - -
- - + Human Resources + +
+ + 22 - - - - -
- - + + + + +
+ + Matthew - Fabric Design - -
- - + Fabric Design + +
+ + 15 - - - - -
- - + + + + +
+ + Lindsay - Entertainment - -
- - + Entertainment + +
+ + 12 - - - - -
- - + + + + +
+ + Mark - Executive - -
- - + Executive + +
+ + 11 - - - -
- ) -} + + + + +) export default TableExampleCollapsing diff --git a/docs/app/Examples/collections/Table/Types/TableExampleDefinition.js b/docs/app/Examples/collections/Table/Types/TableExampleDefinition.js index 81eae3b25f..dce5c31bca 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleDefinition.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleDefinition.js @@ -1,31 +1,29 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleDefinition = () => { - return ( - - - - - Arguments - Description - - +const TableExampleDefinition = () => ( +
+ + + + Arguments + Description + + - - - reset rating - None - Resets rating to default value - - - set rating - rating (integer) - Sets the current star rating to specified value - - -
- ) -} + + + reset rating + None + Resets rating to default value + + + set rating + rating (integer) + Sets the current star rating to specified value + + + +) export default TableExampleDefinition diff --git a/docs/app/Examples/collections/Table/Types/TableExamplePadded.js b/docs/app/Examples/collections/Table/Types/TableExamplePadded.js index e160a0d3e5..0d1fadc0a8 100644 --- a/docs/app/Examples/collections/Table/Types/TableExamplePadded.js +++ b/docs/app/Examples/collections/Table/Types/TableExamplePadded.js @@ -1,57 +1,55 @@ import React from 'react' import { Header, Table, Rating } from 'semantic-ui-react' -const TableExamplePadded = () => { - return ( - - - - Evidence Rating - Effect - Efficacy - Consensus - Comments - - +const TableExamplePadded = () => ( +
+ + + Evidence Rating + Effect + Efficacy + Consensus + Comments + + - - - -
A
- - Power Output - - - - + + + +
A
+ + Power Output + + + + 80%
- 18 studies - - + 18 studies + + Creatine supplementation is the reference compound for increasing muscular creatine levels; there is variability in this increase, however, with some nonresponders. - - - - -
A
- - Weight - - - - + + + + +
A
+ + Weight + + + + 100%
- 65 studies - - + 65 studies + + Creatine is the reference compound for power improvement, with numbers from one meta-analysis to assess potency - - - -
- ) -} + + + + +) export default TableExamplePadded diff --git a/docs/app/Examples/collections/Table/Types/TableExamplePagination.js b/docs/app/Examples/collections/Table/Types/TableExamplePagination.js index 2ce85c0f2d..fa14f072d5 100644 --- a/docs/app/Examples/collections/Table/Types/TableExamplePagination.js +++ b/docs/app/Examples/collections/Table/Types/TableExamplePagination.js @@ -1,38 +1,37 @@ import React from 'react' import { Icon, Label, Menu, Table } from 'semantic-ui-react' -const TableExamplePagination = () => { - return ( - - - - Header - Header - Header - - +const TableExamplePagination = () => ( +
+ + + Header + Header + Header + + - - - - - - Cell - Cell - - - Cell - Cell - Cell - - - Cell - Cell - Cell - - + + + + + + Cell + Cell + + + Cell + Cell + Cell + + + Cell + Cell + Cell + + - + @@ -49,9 +48,8 @@ const TableExamplePagination = () => { - -
- ) -} + + +) export default TableExamplePagination diff --git a/docs/app/Examples/collections/Table/Types/TableExampleStriped.js b/docs/app/Examples/collections/Table/Types/TableExampleStriped.js index ba84b4df35..0e85ee6e9e 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleStriped.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleStriped.js @@ -1,54 +1,52 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleStriped = () => { - return ( - - - - Git Repository - - +const TableExampleStriped = () => ( +
+ + + Git Repository + + - - - - node_modules - - Initial commit - 10 hours ago - - - - test - - Initial commit - 10 hours ago - - - - build - - Initial commit - 10 hours ago - - - - package.json - - Initial commit - 10 hours ago - - - - Gruntfile.js - - Initial commit - 10 hours ago - - -
- ) -} + + + + node_modules + + Initial commit + 10 hours ago + + + + test + + Initial commit + 10 hours ago + + + + build + + Initial commit + 10 hours ago + + + + package.json + + Initial commit + 10 hours ago + + + + Gruntfile.js + + Initial commit + 10 hours ago + + + +) export default TableExampleStriped diff --git a/docs/app/Examples/collections/Table/Types/TableExampleStructured.js b/docs/app/Examples/collections/Table/Types/TableExampleStructured.js index d40e63fc21..6aaf5053dc 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleStructured.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleStructured.js @@ -1,65 +1,63 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleStructured = () => { - return ( - - - - Name - Type - Files - Languages - - - Ruby - JavaScript - Python - - +const TableExampleStructured = () => ( +
+ + + Name + Type + Files + Languages + + + Ruby + JavaScript + Python + + - - - Alpha Team - Project 1 - 2 - - - - - - - - Beta Team - Project 1 - 52 - - - - - - - - Project 2 - 12 - - - - - - - - Project 3 - 21 - - - - - - - -
- ) -} + + + Alpha Team + Project 1 + 2 + + + + + + + + Beta Team + Project 1 + 52 + + + + + + + + Project 2 + 12 + + + + + + + + Project 3 + 21 + + + + + + + + +) export default TableExampleStructured diff --git a/docs/app/Examples/collections/Table/Types/index.js b/docs/app/Examples/collections/Table/Types/index.js index 129e894395..d18ca4cf83 100644 --- a/docs/app/Examples/collections/Table/Types/index.js +++ b/docs/app/Examples/collections/Table/Types/index.js @@ -3,32 +3,30 @@ import React from 'react' import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const Types = () => { - return ( - - - - - +const Types = () => ( + + + + + - - + + - - - ) -} + + +) export default Types diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js b/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js index 4a32ef7e64..8aad0ed268 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js @@ -1,36 +1,34 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleBasic = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleBasic = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - -
- ) -} + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + + +) export default TableExampleBasic diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleCelled.js b/docs/app/Examples/collections/Table/Variations/TableExampleCelled.js index 830e12e6ed..3b8e679001 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleCelled.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleCelled.js @@ -1,44 +1,42 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleCelled = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleCelled = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + - - - 3 People - 2 Approved - - - -
- ) -} + + + 3 People + 2 Approved + + + + +) export default TableExampleCelled diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js index eceaa2a313..7537557a7e 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js @@ -1,44 +1,42 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleCollapsing = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleCollapsing = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + - - - 3 People - 2 Approved - - - -
- ) -} + + + 3 People + 2 Approved + + + + +) export default TableExampleCollapsing diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js index b676c07e06..2a81ad0278 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js @@ -1,37 +1,35 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleCollapsingCell = () => { - return ( - - - - - +const TableExampleCollapsingCell = () => ( +
+ + + + node_modules - - Initial commit - 10 hours ago - - - - + + Initial commit + 10 hours ago + + + + test - - Initial commit - 10 hours ago - - - - + + Initial commit + 10 hours ago + + + + build - - Initial commit - 10 hours ago - - -
- ) -} + + Initial commit + 10 hours ago + + + +) export default TableExampleCollapsingCell diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js b/docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js index 20cbc75891..9f29eb39d2 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js @@ -1,54 +1,52 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleColumnCount = () => { - return ( - - - - Name - Status - Age - Gender - Notes - - +const TableExampleColumnCount = () => ( +
+ + + Name + Status + Age + Gender + Notes + + - - - John - Approved - 22 - Male - None - - - Jamie - Approved - 32 - Male - Requires call - - - Jill - Denied - 22 - Female - None - - + + + John + Approved + 22 + Male + None + + + Jamie + Approved + 32 + Male + Requires call + + + Jill + Denied + 22 + Female + None + + - - - 3 People - 2 Approved - - - - - -
- ) -} + + + 3 People + 2 Approved + + + + + + +) export default TableExampleColumnCount diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js b/docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js index 979c0602eb..0072d3fa94 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js @@ -1,39 +1,37 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleColumnWidth = () => { - return ( - - - - Name - Status - - +const TableExampleColumnWidth = () => ( +
+ + + Name + Status + + - - - John - Approved - - - Jamie - Approved - - - Jill - Denied - - + + + John + Approved + + + Jamie + Approved + + + Jill + Denied + + - - - 3 People - 2 Approved - - -
- ) -} + + + 3 People + 2 Approved + + + +) export default TableExampleColumnWidth diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleCompact.js b/docs/app/Examples/collections/Table/Variations/TableExampleCompact.js index 7f83734fb2..218d251873 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleCompact.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleCompact.js @@ -1,61 +1,59 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleCompact = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleCompact = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - John - Approved - None - - - Jamie - Approved - Requires call - - - John - Approved - None - - - Jamie - Approved - Requires call - - - John - Approved - None - - - Jamie - Approved - Requires call - - -
- ) -} + + + John + Approved + None + + + Jamie + Approved + Requires call + + + John + Approved + None + + + Jamie + Approved + Requires call + + + John + Approved + None + + + Jamie + Approved + Requires call + + + John + Approved + None + + + Jamie + Approved + Requires call + + + +) export default TableExampleCompact diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleFixed.js b/docs/app/Examples/collections/Table/Variations/TableExampleFixed.js index f739fdb954..da1ccea008 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleFixed.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleFixed.js @@ -1,42 +1,40 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleFixed = () => { - return ( - - - - Name - Status - Description - - +const TableExampleFixed = () => ( +
+ + + Name + Status + Description + + - - - John - Approved - + + + John + Approved + John is an interesting boy but sometimes you don't really have enough room to describe everything you'd like - - - - Jamie - Approved - + + + + Jamie + Approved + Jamie is a kind girl but sometimes you don't really have enough room to describe everything you'd like - - - - Jill - Denied - + + + + Jill + Denied + Jill is an alright girl but sometimes you don't really have enough room to describe everything you'd like - - - -
- ) -} + + + + +) export default TableExampleFixed diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js b/docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js index c499f8988c..b2c9ba84d8 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js @@ -1,46 +1,42 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleFixedLine = () => { - return ( - - - - Name - Status - Description - - +const TableExampleFixedLine = () => ( +
+ + + Name + Status + Description + + - - - John - Approved - + + + John + Approved + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - - - - Jamie - Approved - Shorter description - - - Jill - Denied - Shorter description - - -
- ) -} + + + + Jamie + Approved + Shorter description + + + Jill + Denied + Shorter description + + + +) export default TableExampleFixedLine diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js b/docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js index 03d024263a..970c9966e9 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js @@ -1,10 +1,9 @@ import React from 'react' import { Button, Checkbox, Icon, Table } from 'semantic-ui-react' -const TableExampleFullWidth = () => { - return ( - - +const TableExampleFullWidth = () => ( +
+ Name @@ -12,9 +11,9 @@ const TableExampleFullWidth = () => { E-mail address Premium Plan - + - + @@ -42,9 +41,9 @@ const TableExampleFullWidth = () => { jilsewris22@yahoo.com Yes - + - + @@ -55,9 +54,8 @@ const TableExampleFullWidth = () => { - -
- ) -} + + +) export default TableExampleFullWidth diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleInverted.js b/docs/app/Examples/collections/Table/Variations/TableExampleInverted.js index 9637099cbd..53f603f59c 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleInverted.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleInverted.js @@ -1,44 +1,42 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleInverted = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleInverted = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + - - - 3 People - 2 Approved - - - -
- ) -} + + + 3 People + 2 Approved + + + + +) export default TableExampleInverted diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleLarge.js b/docs/app/Examples/collections/Table/Variations/TableExampleLarge.js index b6782f514d..486464afd3 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleLarge.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleLarge.js @@ -1,44 +1,42 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleLarge = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleLarge = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + - - - 3 People - 2 Approved - - - -
- ) -} + + + 3 People + 2 Approved + + + + +) export default TableExampleLarge diff --git a/docs/app/Examples/collections/Table/Variations/TableExamplePadded.js b/docs/app/Examples/collections/Table/Variations/TableExamplePadded.js index 0d32051a2a..6607d246ea 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExamplePadded.js +++ b/docs/app/Examples/collections/Table/Variations/TableExamplePadded.js @@ -1,33 +1,31 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExamplePadded = () => { - return ( - - - - Name - Status - Notes - - +const TableExamplePadded = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - + + + John + Approved + He is a very nice guy and I enjoyed talking to him on the telephone. I hope we get to talk again. - - - - Jamie - Approved - Jamie was not interested in purchasing our product. - - -
- ) -} + + + + Jamie + Approved + Jamie was not interested in purchasing our product. + + + +) export default TableExamplePadded diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableCell.js b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableCell.js index d6007deead..553983efef 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableCell.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableCell.js @@ -1,63 +1,61 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSelectableCell = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleSelectableCell = () => ( +
+ + + Name + Status + Notes + + - - - John - No Action - - Edit - - - - Jamie - Approved - - Edit - - - - Jill - Denied - - Edit - - - - John - No Action - - Requires change - - - - Jamie - Approved - - Approve - - - - Jill - Denied - - Remove - - - -
- ) -} + + + John + No Action + + Edit + + + + Jamie + Approved + + Edit + + + + Jill + Denied + + Edit + + + + John + No Action + + Requires change + + + + Jamie + Approved + + Approve + + + + Jill + Denied + + Remove + + + + +) export default TableExampleSelectableCell diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableInvertedRow.js b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableInvertedRow.js index 7179ac822b..560d4eef37 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableInvertedRow.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableInvertedRow.js @@ -1,36 +1,34 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSelectableInvertedRow = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleSelectableInvertedRow = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - -
- ) -} + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + + +) export default TableExampleSelectableInvertedRow diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableRow.js b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableRow.js index fc3823ee4d..829b8238c7 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableRow.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableRow.js @@ -1,51 +1,49 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSelectableRow = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleSelectableRow = () => ( +
+ + + Name + Status + Notes + + - - - John - No Action - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - - John - No Action - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - -
- ) -} + + + John + No Action + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + + John + No Action + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + + +) export default TableExampleSelectableRow diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js b/docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js index d1c2d306cc..674ac8b835 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js @@ -1,40 +1,38 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSingleLine = () => { - return ( - - - - Name - Registration Date - E-mail address - Premium Plan - - +const TableExampleSingleLine = () => ( +
+ + + Name + Registration Date + E-mail address + Premium Plan + + - - - John Lilki - September 14, 2013 - jhlilk22@yahoo.com - No - - - Jamie Harington - January 11, 2014 - jamieharingonton@yahoo.com - Yes - - - Jill Lewis - May 11, 2014 - jilsewris22@yahoo.com - Yes - - -
- ) -} + + + John Lilki + September 14, 2013 + jhlilk22@yahoo.com + No + + + Jamie Harington + January 11, 2014 + jamieharingonton@yahoo.com + Yes + + + Jill Lewis + May 11, 2014 + jilsewris22@yahoo.com + Yes + + + +) export default TableExampleSingleLine diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleSmall.js b/docs/app/Examples/collections/Table/Variations/TableExampleSmall.js index 56d507e433..3041a54b31 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSmall.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSmall.js @@ -1,44 +1,42 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSmall = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleSmall = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + - - - 3 People - 2 Approved - - - -
- ) -} + + + 3 People + 2 Approved + + + + +) export default TableExampleSmall diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleStackable.js b/docs/app/Examples/collections/Table/Variations/TableExampleStackable.js index 24ec6dc323..87fe678301 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleStackable.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleStackable.js @@ -1,36 +1,34 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleStackable = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleStackable = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - -
- ) -} + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + + +) export default TableExampleStackable diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleStriped.js b/docs/app/Examples/collections/Table/Variations/TableExampleStriped.js index 2752ce0d80..bc7d97a3a7 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleStriped.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleStriped.js @@ -1,70 +1,68 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleStriped = () => { - return ( - - - - Name - Date Joined - E-mail - Called - - +const TableExampleStriped = () => ( +
+ + + Name + Date Joined + E-mail + Called + + - - - John Lilki - September 14, 2013 - jhlilk22@yahoo.com - No - - - Jamie Harington - January 11, 2014 - jamieharingonton@yahoo.com - Yes - - - Jill Lewis - May 11, 2014 - jilsewris22@yahoo.com - Yes - - - John Lilki - September 14, 2013 - jhlilk22@yahoo.com - No - - - John Lilki - September 14, 2013 - jhlilk22@yahoo.com - No - - - Jamie Harington - January 11, 2014 - jamieharingonton@yahoo.com - Yes - - - Jill Lewis - May 11, 2014 - jilsewris22@yahoo.com - Yes - - - John Lilki - September 14, 2013 - jhlilk22@yahoo.com - No - - -
- ) -} + + + John Lilki + September 14, 2013 + jhlilk22@yahoo.com + No + + + Jamie Harington + January 11, 2014 + jamieharingonton@yahoo.com + Yes + + + Jill Lewis + May 11, 2014 + jilsewris22@yahoo.com + Yes + + + John Lilki + September 14, 2013 + jhlilk22@yahoo.com + No + + + John Lilki + September 14, 2013 + jhlilk22@yahoo.com + No + + + Jamie Harington + January 11, 2014 + jamieharingonton@yahoo.com + Yes + + + Jill Lewis + May 11, 2014 + jilsewris22@yahoo.com + Yes + + + John Lilki + September 14, 2013 + jhlilk22@yahoo.com + No + + + +) export default TableExampleStriped diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js b/docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js index 6a8fce25a3..69546bd646 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js @@ -1,36 +1,34 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleTextAlign = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleTextAlign = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - -
- ) -} + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + + +) export default TableExampleTextAlign diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js b/docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js index 04e76d74e4..cd0640ef16 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js @@ -1,36 +1,34 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleUnstackable = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleUnstackable = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - -
- ) -} + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + + +) export default TableExampleUnstackable diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js b/docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js index a665ee59f5..a11c175816 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js @@ -1,39 +1,37 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleVerticalAlign = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleVerticalAlign = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - + + + John + Approved + Notes
1
2
- - - - Jamie - Approved - + + + + Jamie + Approved + Notes
1
2
- - - -
- ) -} + + + + +) export default TableExampleVerticalAlign diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js b/docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js index 5fe7c9eec9..83ac553e6b 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js @@ -1,36 +1,34 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleVeryBasic = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleVeryBasic = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - Jill - Denied - None - - -
- ) -} + + + John + Approved + None + + + Jamie + Approved + Requires call + + + Jill + Denied + None + + + +) export default TableExampleVeryBasic diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js b/docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js index bb302ec82e..82faaf4a54 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js @@ -1,61 +1,59 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleVeryCompact = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleVeryCompact = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - None - - - Jamie - Approved - Requires call - - - John - Approved - None - - - Jamie - Approved - Requires call - - - John - Approved - None - - - Jamie - Approved - Requires call - - - John - Approved - None - - - Jamie - Approved - Requires call - - -
- ) -} + + + John + Approved + None + + + Jamie + Approved + Requires call + + + John + Approved + None + + + Jamie + Approved + Requires call + + + John + Approved + None + + + Jamie + Approved + Requires call + + + John + Approved + None + + + Jamie + Approved + Requires call + + + +) export default TableExampleVeryCompact diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js b/docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js index 3da85db7ba..9930067a15 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js @@ -1,33 +1,31 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleVeryPadded = () => { - return ( - - - - Name - Status - Notes - - +const TableExampleVeryPadded = () => ( +
+ + + Name + Status + Notes + + - - - John - Approved - + + + John + Approved + He is a very nice guy and I enjoyed talking to him on the telephone. I hope we get to talk again. - - - - Jamie - Approved - Jamie was not interested in purchasing our product. - - -
- ) -} + + + + Jamie + Approved + Jamie was not interested in purchasing our product. + + + +) export default TableExampleVeryPadded diff --git a/docs/app/Examples/collections/Table/Variations/index.js b/docs/app/Examples/collections/Table/Variations/index.js index 48ee0e7e7d..7cecac6b5f 100644 --- a/docs/app/Examples/collections/Table/Variations/index.js +++ b/docs/app/Examples/collections/Table/Variations/index.js @@ -1,169 +1,166 @@ import React from 'react' import { Message } from 'semantic-ui-react' + import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const Variations = () => { - return ( - - - - - - - - +const Variations = () => ( + + + + + + + + Fixed single line tables will automatically ensure content that does not fit in a single line will receive "..." ellipsis. - - - - - - - - - - - + + + + + + + + + + + Using an a link inside a selectable cell will automatically make the hit box the entire cell area. By default links will inherit their cell color. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ) -} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) export default Variations