Skip to content

docs(Icon): refactor naming and descriptions, use function components #685

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
levithomason merged 6 commits into from
Oct 15, 2016
Merged

docs(Icon): refactor naming and descriptions, use function components #685

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
2ed9db3
docs(Input): refactor, add trailing . in description, fix imports, fi…
dpkwhan Oct 14, 2016
93bb166
Merge branch 'master' into docs/Input
dpkwhan Oct 15, 2016
c588185
docs(Input): fix the label position
dpkwhan Oct 15, 2016
30aa8c3
docs(Icon): refactor, add trailing . in description and use stateless…
dpkwhan Oct 15, 2016
34feb44
Revert "docs(Input): fix the label position"
dpkwhan Oct 15, 2016
e3aabfc
Revert "docs(Input): refactor, add trailing . in description, fix imp…
dpkwhan Oct 15, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 0 additions & 13 deletions docs/app/Examples/elements/Icon/Groups/IconCornerGroupExample.js
View file
Open in desktop

This file was deleted.

11 changes: 11 additions & 0 deletions docs/app/Examples/elements/Icon/Groups/IconExampleCornerGroup.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import React from 'react'
import { Icon } from 'semantic-ui-react'

const IconExampleCornerGroup = () => (
<Icon.Group size='huge'>
<Icon name='puzzle' />
<Icon corner name='add' />
</Icon.Group>
)

export default IconExampleCornerGroup
11 changes: 11 additions & 0 deletions docs/app/Examples/elements/Icon/Groups/IconExampleIconGroup.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import React from 'react'
import { Icon } from 'semantic-ui-react'

const IconExampleIconGroup = () => (
<Icon.Group size='huge'>
<Icon size='big' name='thin circle' />
<Icon name='user' />
</Icon.Group>
)

export default IconExampleIconGroup
17 changes: 17 additions & 0 deletions docs/app/Examples/elements/Icon/Groups/IconExampleLoadingGroup.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import React from 'react'
import { Icon } from 'semantic-ui-react'

const IconExampleLoadingGroup = () => (
<div>
<Icon.Group size='huge'>
<Icon size='big' color='red' name='dont' />
<Icon color='black' name='use' />
</Icon.Group>
<Icon.Group size='huge'>
<Icon loading size='big' name='sun' />
<Icon name='user' />
</Icon.Group>
</div>
)

export default IconExampleLoadingGroup
14 changes: 14 additions & 0 deletions docs/app/Examples/elements/Icon/Groups/IconExampleTwitterGroup.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react'
import { Header, Icon } from 'semantic-ui-react'

const IconExampleTwitterGroup = () => (
<Header as='h2'>
<Icon.Group size='large'>
<Icon name='twitter' />
<Icon corner name='add' />
</Icon.Group>
Add on Twitter
</Header>
)

export default IconExampleTwitterGroup
13 changes: 0 additions & 13 deletions docs/app/Examples/elements/Icon/Groups/IconIconGroupExample.js
View file
Open in desktop

This file was deleted.

19 changes: 0 additions & 19 deletions docs/app/Examples/elements/Icon/Groups/IconLoadingGroupExample.js
View file
Open in desktop

This file was deleted.

16 changes: 0 additions & 16 deletions docs/app/Examples/elements/Icon/Groups/IconTwitterGroupExample.js
View file
Open in desktop

This file was deleted.

48 changes: 23 additions & 25 deletions docs/app/Examples/elements/Icon/Groups/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,26 @@
import React, { Component } from 'react'
import React from 'react'
import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'
import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'

export default class IconGroupsExamples extends Component {
render() {
return (
<ExampleSection title='Groups'>
<ComponentExample
title='Icons'
description='Several icons can be used together as a group'
examplePath='elements/Icon/Groups/IconIconGroupExample'
/>
<ComponentExample
examplePath='elements/Icon/Groups/IconLoadingGroupExample'
/>
<ComponentExample
title='Corner Icon'
description='A group of icons can display a smaller corner icon'
examplePath='elements/Icon/Groups/IconCornerGroupExample'
/>
<ComponentExample
examplePath='elements/Icon/Groups/IconTwitterGroupExample'
/>
</ExampleSection>
)
}
}
const IconGroupsExamples = () => (
<ExampleSection title='Groups'>
<ComponentExample
title='Icons'
description='Several icons can be used together as a group.'
examplePath='elements/Icon/Groups/IconExampleIconGroup'
/>
<ComponentExample
examplePath='elements/Icon/Groups/IconExampleLoadingGroup'
/>
<ComponentExample
title='Corner Icon'
description='A group of icons can display a smaller corner icon.'
examplePath='elements/Icon/Groups/IconExampleCornerGroup'
/>
<ComponentExample
examplePath='elements/Icon/Groups/IconExampleTwitterGroup'
/>
</ExampleSection>
)

export default IconGroupsExamples
4 changes: 2 additions & 2 deletions .../Icon/IconSet/IconAccessibilityExample.js → .../Icon/IconSet/IconExampleAccessibility.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconAccessibilityExample = () => (
const IconExampleAccessibility = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='wheelchair' />
Expand Down Expand Up @@ -50,4 +50,4 @@ const IconAccessibilityExample = () => (
</Grid>
)

export default IconAccessibilityExample
export default IconExampleAccessibility
4 changes: 2 additions & 2 deletions ...elements/Icon/IconSet/IconAudioExample.js → ...elements/Icon/IconSet/IconExampleAudio.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconAudioExample = () => (
const IconExampleAudio = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='backward' />
Expand Down Expand Up @@ -102,4 +102,4 @@ const IconAudioExample = () => (
</Grid>
)

export default IconAudioExample
export default IconExampleAudio
4 changes: 2 additions & 2 deletions ...lements/Icon/IconSet/IconBrandsExample.js → ...lements/Icon/IconSet/IconExampleBrands.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconBrandsExample = () => (
const IconExampleBrands = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='500px' />
Expand Down Expand Up @@ -582,4 +582,4 @@ const IconBrandsExample = () => (
</Grid>
)

export default IconBrandsExample
export default IconExampleBrands
4 changes: 2 additions & 2 deletions ...ments/Icon/IconSet/IconComputerExample.js → ...ments/Icon/IconSet/IconExampleComputer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconComputerExample = () => (
const IconExampleComputer = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='desktop' />
Expand Down Expand Up @@ -38,4 +38,4 @@ const IconComputerExample = () => (
</Grid>
)

export default IconComputerExample
export default IconExampleComputer
4 changes: 2 additions & 2 deletions ...onSet/IconComputerAndFileSystemExample.js → ...onSet/IconExampleComputerAndFileSystem.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconComputerandFileSystemExample = () => (
const IconExampleComputerAndFileSystem = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='file archive outline' />
Expand Down Expand Up @@ -90,4 +90,4 @@ const IconComputerandFileSystemExample = () => (
</Grid>
)

export default IconComputerandFileSystemExample
export default IconExampleComputerAndFileSystem
4 changes: 2 additions & 2 deletions ...ments/Icon/IconSet/IconCurrencyExample.js → ...ments/Icon/IconSet/IconExampleCurrency.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconCurrencyExample = () => (
const IconExampleCurrency = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='bitcoin' />
Expand Down Expand Up @@ -46,4 +46,4 @@ const IconCurrencyExample = () => (
</Grid>
)

export default IconCurrencyExample
export default IconExampleCurrency
4 changes: 2 additions & 2 deletions .../IconSet/IconGenderAndSexualityExample.js → .../IconSet/IconExampleGenderAndSexuality.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconGenderandSexualityExample = () => (
const IconExampleGenderAndSexuality = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='female' />
Expand Down Expand Up @@ -66,4 +66,4 @@ const IconGenderandSexualityExample = () => (
</Grid>
)

export default IconGenderandSexualityExample
export default IconExampleGenderAndSexuality
4 changes: 2 additions & 2 deletions .../Icon/IconSet/IconItemSelectionExample.js → .../Icon/IconSet/IconExampleItemSelection.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconItemSelectionExample = () => (
const IconExampleItemSelection = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='add circle' />
Expand Down Expand Up @@ -90,4 +90,4 @@ const IconItemSelectionExample = () => (
</Grid>
)

export default IconItemSelectionExample
export default IconExampleItemSelection
4 changes: 2 additions & 2 deletions ...on/IconSet/IconLayoutAdjustmentExample.js → ...on/IconSet/IconExampleLayoutAdjustment.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconLayoutAdjustmentExample = () => (
const IconExampleLayoutAdjustment = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='block layout' />
Expand Down Expand Up @@ -42,4 +42,4 @@ const IconLayoutAdjustmentExample = () => (
</Grid>
)

export default IconLayoutAdjustmentExample
export default IconExampleLayoutAdjustment
4 changes: 2 additions & 2 deletions ...s/elements/Icon/IconSet/IconMapExample.js → ...s/elements/Icon/IconSet/IconExampleMap.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconMapExample = () => (
const IconExampleMap = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='bicycle' />
Expand Down Expand Up @@ -134,4 +134,4 @@ const IconMapExample = () => (
</Grid>
)

export default IconMapExample
export default IconExampleMap
4 changes: 2 additions & 2 deletions ...elements/Icon/IconSet/IconMediaExample.js → ...elements/Icon/IconSet/IconExampleMedia.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconMediaExample = () => (
const IconExampleMedia = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='area chart' />
Expand Down Expand Up @@ -42,4 +42,4 @@ const IconMediaExample = () => (
</Grid>
)

export default IconMediaExample
export default IconExampleMedia
4 changes: 2 additions & 2 deletions ...ements/Icon/IconSet/IconMessageExample.js → ...ements/Icon/IconSet/IconExampleMessage.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconMessageExample = () => (
const IconExampleMessage = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='announcement' />
Expand Down Expand Up @@ -42,4 +42,4 @@ const IconMessageExample = () => (
</Grid>
)

export default IconMessageExample
export default IconExampleMessage
4 changes: 2 additions & 2 deletions ...lements/Icon/IconSet/IconMobileExample.js → ...lements/Icon/IconSet/IconExampleMobile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconMobileExample = () => (
const IconExampleMobile = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='mobile' />
Expand Down Expand Up @@ -30,4 +30,4 @@ const IconMobileExample = () => (
</Grid>
)

export default IconMobileExample
export default IconExampleMobile
4 changes: 2 additions & 2 deletions ...ements/Icon/IconSet/IconObjectsExample.js → ...ements/Icon/IconSet/IconExampleObjects.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconObjectsExample = () => (
const IconExampleObjects = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='anchor' />
Expand Down Expand Up @@ -182,4 +182,4 @@ const IconObjectsExample = () => (
</Grid>
)

export default IconObjectsExample
export default IconExampleObjects
4 changes: 2 additions & 2 deletions ...Icon/IconSet/IconPaymentOptionsExample.js → ...Icon/IconSet/IconExamplePaymentOptions.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react'
import { Grid, Icon } from 'semantic-ui-react'

const IconPaymentOptionsExample = () => (
const IconExamplePaymentOptions = () => (
<Grid columns='5' doubling>
<Grid.Column>
<Icon name='american express' />
Expand Down Expand Up @@ -50,4 +50,4 @@ const IconPaymentOptionsExample = () => (
</Grid>
)

export default IconPaymentOptionsExample
export default IconExamplePaymentOptions
Loading