diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js b/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js index 34f07eb5b9..33a68327e4 100644 --- a/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js +++ b/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js @@ -1,16 +1,18 @@ import React from 'react' import { Button, Menu } from 'semantic-ui-react' -const MenuExampleButtons = () => ( - - - - +const MenuExampleButtons = () => { + return ( + + + + - - - - -) + + + + + ) +} export default MenuExampleButtons diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js b/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js index f29ddd13ff..d6b7a9c1d3 100644 --- a/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js +++ b/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js @@ -1,16 +1,18 @@ import React from 'react' import { Dropdown, Menu } from 'semantic-ui-react' -const MenuExampleDropdownItem = () => ( - - - - Electronics - Automotive - Home - - - -) +const MenuExampleDropdownItem = () => { + return ( + + + + 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 738391af98..1d2a4a1cc3 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 48dc526db2..d86122c633 100644 --- a/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js +++ b/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js @@ -1,16 +1,18 @@ import React from 'react' import { Input, Menu } from 'semantic-ui-react' -const MenuExampleInputs = () => ( - - - - +const MenuExampleInputs = () => { + return ( + + + + - - - - -) + + + + + ) +} export default MenuExampleInputs diff --git a/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js b/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js index 9e8521bb4c..05c0459762 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 2a282e9324..35c847f372 100644 --- a/docs/app/Examples/collections/Menu/Content/index.js +++ b/docs/app/Examples/collections/Menu/Content/index.js @@ -6,69 +6,71 @@ 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 = () => ( - - - +const Content = () => { + return ( + + + - + - + - + - + - + - {/* */} + {/* */} - {/* */} + {/* */} - + - - -) + + + ) +} export default Content diff --git a/docs/app/Examples/collections/Menu/States/MenuExampleActive.js b/docs/app/Examples/collections/Menu/States/MenuExampleActive.js index 7022b1e740..042358eee4 100644 --- a/docs/app/Examples/collections/Menu/States/MenuExampleActive.js +++ b/docs/app/Examples/collections/Menu/States/MenuExampleActive.js @@ -1,12 +1,14 @@ import React from 'react' import { Menu } from 'semantic-ui-react' -const MenuExampleActive = () => ( - - +const MenuExampleActive = () => { + return ( + + 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 d9963ab804..be5c6a238b 100644 --- a/docs/app/Examples/collections/Menu/States/MenuExampleDisabled.js +++ b/docs/app/Examples/collections/Menu/States/MenuExampleDisabled.js @@ -1,12 +1,14 @@ import React from 'react' import { Menu } from 'semantic-ui-react' -const MenuExampleDisabled = () => ( - - +const MenuExampleDisabled = () => { + return ( + + 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 7b4184dabf..b2946d5697 100644 --- a/docs/app/Examples/collections/Menu/States/MenuExampleHover.js +++ b/docs/app/Examples/collections/Menu/States/MenuExampleHover.js @@ -1,11 +1,13 @@ import React from 'react' import { Menu } from 'semantic-ui-react' -const MenuExampleHover = () => ( - - A link - div Link - -) +const MenuExampleHover = () => { + return ( + + 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 7bf0298cf1..7c6837db34 100644 --- a/docs/app/Examples/collections/Menu/States/index.js +++ b/docs/app/Examples/collections/Menu/States/index.js @@ -3,26 +3,28 @@ import React from 'react' import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const States = () => ( - - +const States = () => { + return ( + + - + - - -) + + + ) +} export default States diff --git a/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js b/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js index 378a85bac8..b73fed5dc1 100644 --- a/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js +++ b/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js @@ -3,44 +3,46 @@ import { Dropdown, Icon, Menu, Segment } from 'semantic-ui-react' // TODO: Update usage after its will be implemented -const MenuExampleAttached = () => ( -
- - - - - - New +const MenuExampleAttached = () => { + return ( +
+ + + + + + 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 1ea5b94f87..339518ffd4 100644 --- a/docs/app/Examples/collections/Menu/Types/index.js +++ b/docs/app/Examples/collections/Menu/Types/index.js @@ -5,72 +5,74 @@ import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' // TODO: Add example with after it will be added -const Types = () => ( - - - - - - +const Types = () => { + return ( + + + + + + - + - - + + - - - - - + + + + + - + - - - - - + + + + + - - -) + + + ) +} export default Types diff --git a/docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js index 197850186a..48462ef1c4 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 = () => ( - - You can view examples of the fixed variation in the - - {' '}official documentation - . - -) +const MenuExampleFixed = () => { + return ( + + 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 5e06de5969..dc27b3a81b 100644 --- a/docs/app/Examples/collections/Menu/Variations/index.js +++ b/docs/app/Examples/collections/Menu/Variations/index.js @@ -3,115 +3,117 @@ import React from 'react' import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const Variations = () => ( - - +const Variations = () => { + return ( + + - + - - - - - + + + + + - - - - + + + + - - + + - - + + - + - - + + - + - - + + - - - - - - - - - - + + + + + + + + + + - - + + - - -) + + + ) +} export default Variations diff --git a/docs/app/Examples/collections/Menu/index.js b/docs/app/Examples/collections/Menu/index.js index 4776b91892..6a16e436f8 100644 --- a/docs/app/Examples/collections/Menu/index.js +++ b/docs/app/Examples/collections/Menu/index.js @@ -5,13 +5,15 @@ import Types from './Types' import States from './States' import Variations from './Variations' -const MenuExamples = () => ( -
- - - - -
-) +const MenuExamples = () => { + return ( +
+ + + + +
+ ) +} export default MenuExamples diff --git a/docs/app/Examples/collections/Table/States/TableExampleActive.js b/docs/app/Examples/collections/Table/States/TableExampleActive.js index 2c65be8619..12bcbbf581 100644 --- a/docs/app/Examples/collections/Table/States/TableExampleActive.js +++ b/docs/app/Examples/collections/Table/States/TableExampleActive.js @@ -1,39 +1,41 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleActive = () => ( - - - - Name - Status - Notes - - +const TableExampleActive = () => { + return ( +
+ + + 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 812b541948..c282d3b100 100644 --- a/docs/app/Examples/collections/Table/States/TableExampleDisabled.js +++ b/docs/app/Examples/collections/Table/States/TableExampleDisabled.js @@ -1,39 +1,41 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleDisabled = () => ( - - - - Name - Status - Notes - - +const TableExampleDisabled = () => { + return ( +
+ + + 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 076b2c5fd8..b19b256ee8 100644 --- a/docs/app/Examples/collections/Table/States/TableExampleError.js +++ b/docs/app/Examples/collections/Table/States/TableExampleError.js @@ -1,42 +1,44 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleError = () => ( - - - - Name - Status - Notes - - +const TableExampleError = () => { + return ( +
+ + + 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 10186817b4..f2a9095539 100644 --- a/docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js +++ b/docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js @@ -1,45 +1,47 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExamplePositiveNegative = () => ( - - - - Name - Status - Notes - - +const TableExamplePositiveNegative = () => { + return ( +
+ + + 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 0593c60810..49650cb15d 100644 --- a/docs/app/Examples/collections/Table/States/TableExampleWarning.js +++ b/docs/app/Examples/collections/Table/States/TableExampleWarning.js @@ -1,45 +1,47 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleWarning = () => ( - - - - Name - Status - Notes - - +const TableExampleWarning = () => { + return ( +
+ + + 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 479d05d848..d3c88013e6 100644 --- a/docs/app/Examples/collections/Table/States/index.js +++ b/docs/app/Examples/collections/Table/States/index.js @@ -3,39 +3,41 @@ import React from 'react' import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const States = () => ( - - - - - - - - -) +const States = () => { + return ( + + + + + + + + + ) +} export default States diff --git a/docs/app/Examples/collections/Table/Types/TableExampleApprove.js b/docs/app/Examples/collections/Table/Types/TableExampleApprove.js index e3dc1b01a9..3beb4a4c77 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleApprove.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleApprove.js @@ -1,61 +1,63 @@ import React from 'react' import { Button, Checkbox, Icon, Table } from 'semantic-ui-react' -const TableExampleApprove = () => ( - - - - - Name - Registration Date - E-mail address - Premium Plan - - +const TableExampleApprove = () => { + return ( +
+ + + + 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 4c51e9ef8c..c26930e605 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js @@ -1,74 +1,76 @@ import React from 'react' import { Header, Image, Table } from 'semantic-ui-react' -const TableExampleCollapsing = () => ( - - - - Employee - Correct Guesses - - +const TableExampleCollapsing = () => { + return ( +
+ + + 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 dce5c31bca..81eae3b25f 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleDefinition.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleDefinition.js @@ -1,29 +1,31 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleDefinition = () => ( - - - - - Arguments - Description - - +const TableExampleDefinition = () => { + return ( +
+ + + + 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 0d1fadc0a8..e160a0d3e5 100644 --- a/docs/app/Examples/collections/Table/Types/TableExamplePadded.js +++ b/docs/app/Examples/collections/Table/Types/TableExamplePadded.js @@ -1,55 +1,57 @@ import React from 'react' import { Header, Table, Rating } from 'semantic-ui-react' -const TableExamplePadded = () => ( - - - - Evidence Rating - Effect - Efficacy - Consensus - Comments - - +const TableExamplePadded = () => { + return ( +
+ + + 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 fa14f072d5..2ce85c0f2d 100644 --- a/docs/app/Examples/collections/Table/Types/TableExamplePagination.js +++ b/docs/app/Examples/collections/Table/Types/TableExamplePagination.js @@ -1,37 +1,38 @@ import React from 'react' import { Icon, Label, Menu, Table } from 'semantic-ui-react' -const TableExamplePagination = () => ( - - - - Header - Header - Header - - +const TableExamplePagination = () => { + return ( +
+ + + Header + Header + Header + + - - - - - - Cell - Cell - - - Cell - Cell - Cell - - - Cell - Cell - Cell - - + + + + + + Cell + Cell + + + Cell + Cell + Cell + + + Cell + Cell + Cell + + - + @@ -48,8 +49,9 @@ 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 0e85ee6e9e..ba84b4df35 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleStriped.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleStriped.js @@ -1,52 +1,54 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleStriped = () => ( - - - - Git Repository - - +const TableExampleStriped = () => { + return ( +
+ + + 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 6aaf5053dc..d40e63fc21 100644 --- a/docs/app/Examples/collections/Table/Types/TableExampleStructured.js +++ b/docs/app/Examples/collections/Table/Types/TableExampleStructured.js @@ -1,63 +1,65 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleStructured = () => ( - - - - Name - Type - Files - Languages - - - Ruby - JavaScript - Python - - +const TableExampleStructured = () => { + return ( +
+ + + 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 d18ca4cf83..129e894395 100644 --- a/docs/app/Examples/collections/Table/Types/index.js +++ b/docs/app/Examples/collections/Table/Types/index.js @@ -3,30 +3,32 @@ import React from 'react' import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection' import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample' -const Types = () => ( - - - - - +const Types = () => { + return ( + + + + + - - + + - - -) + + + ) +} export default Types diff --git a/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js b/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js index 8aad0ed268..4a32ef7e64 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js @@ -1,34 +1,36 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleBasic = () => ( - - - - Name - Status - Notes - - +const TableExampleBasic = () => { + return ( +
+ + + 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 3b8e679001..830e12e6ed 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleCelled.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleCelled.js @@ -1,42 +1,44 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleCelled = () => ( - - - - Name - Status - Notes - - +const TableExampleCelled = () => { + return ( +
+ + + 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 7537557a7e..eceaa2a313 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js @@ -1,42 +1,44 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleCollapsing = () => ( - - - - Name - Status - Notes - - +const TableExampleCollapsing = () => { + return ( +
+ + + 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 2a81ad0278..b676c07e06 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js @@ -1,35 +1,37 @@ import React from 'react' import { Icon, Table } from 'semantic-ui-react' -const TableExampleCollapsingCell = () => ( - - - - - +const TableExampleCollapsingCell = () => { + return ( +
+ + + + 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 9f29eb39d2..20cbc75891 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js @@ -1,52 +1,54 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleColumnCount = () => ( - - - - Name - Status - Age - Gender - Notes - - +const TableExampleColumnCount = () => { + return ( +
+ + + 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 0072d3fa94..979c0602eb 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js @@ -1,37 +1,39 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleColumnWidth = () => ( - - - - Name - Status - - +const TableExampleColumnWidth = () => { + return ( +
+ + + 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 218d251873..7f83734fb2 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleCompact.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleCompact.js @@ -1,59 +1,61 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleCompact = () => ( - - - - Name - Status - Notes - - +const TableExampleCompact = () => { + return ( +
+ + + 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 da1ccea008..f739fdb954 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleFixed.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleFixed.js @@ -1,40 +1,42 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleFixed = () => ( - - - - Name - Status - Description - - +const TableExampleFixed = () => { + return ( +
+ + + 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 11974994ae..c499f8988c 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js @@ -1,44 +1,46 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleFixedLine = () => ( - - - - Name - Status - Description - - +const TableExampleFixedLine = () => { + return ( +
+ + + 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 970c9966e9..03d024263a 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js @@ -1,9 +1,10 @@ import React from 'react' import { Button, Checkbox, Icon, Table } from 'semantic-ui-react' -const TableExampleFullWidth = () => ( - - +const TableExampleFullWidth = () => { + return ( +
+ Name @@ -11,9 +12,9 @@ const TableExampleFullWidth = () => ( E-mail address Premium Plan - + - + @@ -41,9 +42,9 @@ const TableExampleFullWidth = () => ( jilsewris22@yahoo.com Yes - + - + @@ -54,8 +55,9 @@ 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 53f603f59c..9637099cbd 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleInverted.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleInverted.js @@ -1,42 +1,44 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleInverted = () => ( - - - - Name - Status - Notes - - +const TableExampleInverted = () => { + return ( +
+ + + 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 486464afd3..b6782f514d 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleLarge.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleLarge.js @@ -1,42 +1,44 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleLarge = () => ( - - - - Name - Status - Notes - - +const TableExampleLarge = () => { + return ( +
+ + + 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 6607d246ea..0d32051a2a 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExamplePadded.js +++ b/docs/app/Examples/collections/Table/Variations/TableExamplePadded.js @@ -1,31 +1,33 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExamplePadded = () => ( - - - - Name - Status - Notes - - +const TableExamplePadded = () => { + return ( +
+ + + 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 553983efef..d6007deead 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableCell.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableCell.js @@ -1,61 +1,63 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSelectableCell = () => ( - - - - Name - Status - Notes - - +const TableExampleSelectableCell = () => { + return ( +
+ + + 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 560d4eef37..7179ac822b 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableInvertedRow.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableInvertedRow.js @@ -1,34 +1,36 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSelectableInvertedRow = () => ( - - - - Name - Status - Notes - - +const TableExampleSelectableInvertedRow = () => { + return ( +
+ + + 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 829b8238c7..fc3823ee4d 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSelectableRow.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableRow.js @@ -1,49 +1,51 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSelectableRow = () => ( - - - - Name - Status - Notes - - +const TableExampleSelectableRow = () => { + return ( +
+ + + 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 674ac8b835..d1c2d306cc 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js @@ -1,38 +1,40 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSingleLine = () => ( - - - - Name - Registration Date - E-mail address - Premium Plan - - +const TableExampleSingleLine = () => { + return ( +
+ + + 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 3041a54b31..56d507e433 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleSmall.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleSmall.js @@ -1,42 +1,44 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleSmall = () => ( - - - - Name - Status - Notes - - +const TableExampleSmall = () => { + return ( +
+ + + 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 87fe678301..24ec6dc323 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleStackable.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleStackable.js @@ -1,34 +1,36 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleStackable = () => ( - - - - Name - Status - Notes - - +const TableExampleStackable = () => { + return ( +
+ + + 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 bc7d97a3a7..2752ce0d80 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleStriped.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleStriped.js @@ -1,68 +1,70 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleStriped = () => ( - - - - Name - Date Joined - E-mail - Called - - +const TableExampleStriped = () => { + return ( +
+ + + 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 69546bd646..6a8fce25a3 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js @@ -1,34 +1,36 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleTextAlign = () => ( - - - - Name - Status - Notes - - +const TableExampleTextAlign = () => { + return ( +
+ + + 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 cd0640ef16..04e76d74e4 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js @@ -1,34 +1,36 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleUnstackable = () => ( - - - - Name - Status - Notes - - +const TableExampleUnstackable = () => { + return ( +
+ + + 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 a11c175816..a665ee59f5 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js @@ -1,37 +1,39 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleVerticalAlign = () => ( - - - - Name - Status - Notes - - +const TableExampleVerticalAlign = () => { + return ( +
+ + + 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 83ac553e6b..5fe7c9eec9 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js @@ -1,34 +1,36 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleVeryBasic = () => ( - - - - Name - Status - Notes - - +const TableExampleVeryBasic = () => { + return ( +
+ + + 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 82faaf4a54..bb302ec82e 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js @@ -1,59 +1,61 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleVeryCompact = () => ( - - - - Name - Status - Notes - - +const TableExampleVeryCompact = () => { + return ( +
+ + + 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 9930067a15..3da85db7ba 100644 --- a/docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js +++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js @@ -1,31 +1,33 @@ import React from 'react' import { Table } from 'semantic-ui-react' -const TableExampleVeryPadded = () => ( - - - - Name - Status - Notes - - +const TableExampleVeryPadded = () => { + return ( +
+ + + 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 bd7d5b1a61..48ee0e7e7d 100644 --- a/docs/app/Examples/collections/Table/Variations/index.js +++ b/docs/app/Examples/collections/Table/Variations/index.js @@ -3,165 +3,167 @@ 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 ( + + + + + + - - + } + examplePath='collections/Table/Variations/TableExampleFixed' + /> + + 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