├── .babelrc ├── .editorconfig ├── .eslintignore ├── .eslintrc ├── .github ├── CONTRIBUTING.md └── ISSUE_TEMPLATE.md ├── .gitignore ├── CHANGELOG.md ├── LICENSE.md ├── README.md ├── browser └── index.html ├── circle.yml ├── codecov.yml ├── config.js ├── docs ├── .eslintrc └── app │ ├── 404.html │ ├── App.js │ ├── Components │ ├── ComponentDoc │ │ ├── ComponentDoc.js │ │ ├── ComponentExample.js │ │ ├── ComponentExamples.js │ │ ├── ComponentProps.js │ │ ├── ContributionPrompt.js │ │ └── ExampleSection.js │ ├── Editor │ │ └── Editor.js │ ├── Layout.js │ ├── Logo │ │ └── Logo.js │ ├── Root.js │ ├── Sidebar │ │ └── Sidebar.js │ └── TAAttribution │ │ └── TAAttribution.js │ ├── Examples │ ├── addons │ │ ├── Confirm │ │ │ ├── Types │ │ │ │ ├── ConfirmExampleCallbacks.js │ │ │ │ ├── ConfirmExampleConfirm.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── ConfirmExampleButtons.js │ │ │ │ ├── ConfirmExampleContent.js │ │ │ │ ├── ConfirmExampleHeader.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Radio │ │ │ ├── States │ │ │ │ ├── RadioExampleChecked.js │ │ │ │ ├── RadioExampleDisabled.js │ │ │ │ ├── RadioExampleReadOnly.js │ │ │ │ ├── RadioExampleRemoteControl.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── RadioExampleRadio.js │ │ │ │ ├── RadioExampleRadioGroup.js │ │ │ │ ├── RadioExampleSlider.js │ │ │ │ ├── RadioExampleToggle.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── RadioExampleFitted.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Select │ │ │ ├── Types │ │ │ │ ├── SelectExample.js │ │ │ │ └── index.js │ │ │ ├── common.js │ │ │ └── index.js │ │ └── TextArea │ │ │ ├── Types │ │ │ ├── TextAreaExample.js │ │ │ └── index.js │ │ │ └── index.js │ ├── collections │ │ ├── Breadcrumb │ │ │ ├── Content │ │ │ │ ├── BreadcrumbExampleDivider.js │ │ │ │ ├── BreadcrumbExampleDividerProps.js │ │ │ │ ├── BreadcrumbExampleIconDivider.js │ │ │ │ ├── BreadcrumbExampleIconDividerProps.js │ │ │ │ ├── BreadcrumbExampleLink.js │ │ │ │ ├── BreadcrumbExampleSection.js │ │ │ │ ├── BreadcrumbExampleSectionProps.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── BreadcrumbExampleDivider.js │ │ │ │ ├── BreadcrumbExampleProps.js │ │ │ │ ├── BreadcrumbExampleStandard.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── BreadcrumbExampleBigSize.js │ │ │ │ ├── BreadcrumbExampleHugeSize.js │ │ │ │ ├── BreadcrumbExampleLargeSize.js │ │ │ │ ├── BreadcrumbExampleMassiveSize.js │ │ │ │ ├── BreadcrumbExampleMiniSize.js │ │ │ │ ├── BreadcrumbExampleSmallSize.js │ │ │ │ ├── BreadcrumbExampleTinySize.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Form │ │ │ ├── Content │ │ │ │ ├── FormExampleField.js │ │ │ │ └── index.js │ │ │ ├── FieldVariations │ │ │ │ ├── FormExampleInlineField.js │ │ │ │ └── index.js │ │ │ ├── GroupVariations │ │ │ │ ├── FormExampleEvenlyDividedGroup.js │ │ │ │ ├── FormExampleInlineGroupedFields.js │ │ │ │ └── index.js │ │ │ ├── Shorthand │ │ │ │ ├── FormExampleFieldControl.js │ │ │ │ ├── FormExampleFieldControlHTML.js │ │ │ │ ├── FormExampleSubComponentControl.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── FormExampleError.js │ │ │ │ ├── FormExampleFieldDisabled.js │ │ │ │ ├── FormExampleFieldError.js │ │ │ │ ├── FormExampleFieldReadOnly.js │ │ │ │ ├── FormExampleLoading.js │ │ │ │ ├── FormExampleSuccess.js │ │ │ │ ├── FormExampleWarning.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── FormExampleForm.js │ │ │ │ ├── FormExampleOnSubmit.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── FormExampleSize.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Grid │ │ │ ├── Content │ │ │ │ ├── GridExampleColumns.js │ │ │ │ ├── GridExampleRows.js │ │ │ │ └── index.js │ │ │ ├── ResponsiveVariations │ │ │ │ ├── GridExampleDeviceVisibility.js │ │ │ │ ├── GridExampleDoubling.js │ │ │ │ ├── GridExampleResponsiveWidth.js │ │ │ │ ├── GridExampleReversedComputer.js │ │ │ │ ├── GridExampleReversedComputerVertically.js │ │ │ │ ├── GridExampleReversedMobile.js │ │ │ │ ├── GridExampleReversedMobileVertically.js │ │ │ │ ├── GridExampleReversedTablet.js │ │ │ │ ├── GridExampleReversedTabletVertically.js │ │ │ │ ├── GridExampleStackable.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── GridExampleCelled.js │ │ │ │ ├── GridExampleCelledInternally.js │ │ │ │ ├── GridExampleDividedNumber.js │ │ │ │ ├── GridExampleDividedPhrase.js │ │ │ │ ├── GridExampleDividedVertically.js │ │ │ │ ├── GridExampleGrid.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── GridExampleCentered.js │ │ │ │ ├── GridExampleColoredColumn.js │ │ │ │ ├── GridExampleColoredRow.js │ │ │ │ ├── GridExampleColumnCount.js │ │ │ │ ├── GridExampleColumnWidth.js │ │ │ │ ├── GridExampleEqualWidthColumn.js │ │ │ │ ├── GridExampleEqualWidthRow.js │ │ │ │ ├── GridExampleFloated.js │ │ │ │ ├── GridExamplePadded.js │ │ │ │ ├── GridExamplePaddedHorizontally.js │ │ │ │ ├── GridExamplePaddedVertically.js │ │ │ │ ├── GridExampleRelaxed.js │ │ │ │ ├── GridExampleRelaxedVery.js │ │ │ │ ├── GridExampleStretched.js │ │ │ │ ├── GridExampleStretchedEqual.js │ │ │ │ ├── GridExampleTextAlignmentCenter.js │ │ │ │ ├── GridExampleTextAlignmentMixed.js │ │ │ │ ├── GridExampleTextAlignmentRight.js │ │ │ │ ├── GridExampleVerticalAlignment.js │ │ │ │ ├── GridExampleVerticalAlignmentRow.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Menu │ │ │ ├── Content │ │ │ │ ├── MenuExampleButtons.js │ │ │ │ ├── MenuExampleDropdownItem.js │ │ │ │ ├── MenuExampleHeader.js │ │ │ │ ├── MenuExampleHeaderVertical.js │ │ │ │ ├── MenuExampleInputs.js │ │ │ │ ├── MenuExampleLinkItem.js │ │ │ │ ├── MenuExampleMenus.js │ │ │ │ ├── MenuExampleSubMenu.js │ │ │ │ ├── MenuExampleText.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── MenuExampleActive.js │ │ │ │ ├── MenuExampleHover.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── MenuExampleAttached.js │ │ │ │ ├── MenuExampleBasic.js │ │ │ │ ├── MenuExampleContentProp.js │ │ │ │ ├── MenuExampleNameProp.js │ │ │ │ ├── MenuExamplePagination.js │ │ │ │ ├── MenuExamplePointing.js │ │ │ │ ├── MenuExampleProps.js │ │ │ │ ├── MenuExampleSecondary.js │ │ │ │ ├── MenuExampleSecondaryPointing.js │ │ │ │ ├── MenuExampleTabular.js │ │ │ │ ├── MenuExampleTabularOnBottom.js │ │ │ │ ├── MenuExampleTabularOnLeft.js │ │ │ │ ├── MenuExampleTabularOnRight.js │ │ │ │ ├── MenuExampleTabularOnTop.js │ │ │ │ ├── MenuExampleText.js │ │ │ │ ├── MenuExampleVertical.js │ │ │ │ ├── MenuExampleVerticalDropdown.js │ │ │ │ ├── MenuExampleVerticalPointing.js │ │ │ │ ├── MenuExampleVerticalSecondary.js │ │ │ │ ├── MenuExampleVerticalText.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── MenuExampleAttachedTabular.js │ │ │ │ ├── MenuExampleAttachedToSegment.js │ │ │ │ ├── MenuExampleBorderless.js │ │ │ │ ├── MenuExampleColored.js │ │ │ │ ├── MenuExampleColoredInverted.js │ │ │ │ ├── MenuExampleColoredInvertedMenus.js │ │ │ │ ├── MenuExampleColoredMenus.js │ │ │ │ ├── MenuExampleCompact.js │ │ │ │ ├── MenuExampleCompactVertical.js │ │ │ │ ├── MenuExampleEvenlyDivided.js │ │ │ │ ├── MenuExampleFitted.js │ │ │ │ ├── MenuExampleFixed.js │ │ │ │ ├── MenuExampleFluid.js │ │ │ │ ├── MenuExampleIcons.js │ │ │ │ ├── MenuExampleIconsVertical.js │ │ │ │ ├── MenuExampleInverted.js │ │ │ │ ├── MenuExampleInvertedPointing.js │ │ │ │ ├── MenuExampleInvertedSecondary.js │ │ │ │ ├── MenuExampleInvertedSegment.js │ │ │ │ ├── MenuExampleInvertedVertical.js │ │ │ │ ├── MenuExampleLabeledIcons.js │ │ │ │ ├── MenuExampleLabeledIconsVertical.js │ │ │ │ ├── MenuExampleSizeHuge.js │ │ │ │ ├── MenuExampleSizeLarge.js │ │ │ │ ├── MenuExampleSizeMassive.js │ │ │ │ ├── MenuExampleSizeMini.js │ │ │ │ ├── MenuExampleSizeSmall.js │ │ │ │ ├── MenuExampleSizeTiny.js │ │ │ │ ├── MenuExampleSizeVerticalLarge.js │ │ │ │ ├── MenuExampleSizeVerticalMassive.js │ │ │ │ ├── MenuExampleSizeVerticalMini.js │ │ │ │ ├── MenuExampleSizeVerticalSmall.js │ │ │ │ ├── MenuExampleStackable.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Message │ │ │ ├── States │ │ │ │ ├── MessageExampleHidden.js │ │ │ │ ├── MessageExampleVisible.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── MessageExampleDismissibleBlock.js │ │ │ │ ├── MessageExampleIcon.js │ │ │ │ ├── MessageExampleIconProp.js │ │ │ │ ├── MessageExampleList.js │ │ │ │ ├── MessageExampleListItemsProp.js │ │ │ │ ├── MessageExampleListProp.js │ │ │ │ ├── MessageExampleMessage.js │ │ │ │ ├── MessageExampleMessageProps.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── MessageExampleAttached.js │ │ │ │ ├── MessageExampleColor.js │ │ │ │ ├── MessageExampleCompact.js │ │ │ │ ├── MessageExampleCompactProps.js │ │ │ │ ├── MessageExampleError.js │ │ │ │ ├── MessageExampleFloating.js │ │ │ │ ├── MessageExampleFloatingProps.js │ │ │ │ ├── MessageExampleInfo.js │ │ │ │ ├── MessageExampleInfoProps.js │ │ │ │ ├── MessageExampleNegative.js │ │ │ │ ├── MessageExamplePositive.js │ │ │ │ ├── MessageExampleSize.js │ │ │ │ ├── MessageExampleSuccess.js │ │ │ │ ├── MessageExampleWarning.js │ │ │ │ ├── MessageExampleWarningProps.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ └── Table │ │ │ ├── States │ │ │ ├── TableExampleActive.js │ │ │ ├── TableExampleDisabled.js │ │ │ ├── TableExampleError.js │ │ │ ├── TableExamplePositiveNegative.js │ │ │ ├── TableExampleWarning.js │ │ │ ├── TableExampleWarningShorthand.js │ │ │ └── index.js │ │ │ ├── Types │ │ │ ├── TableExampleApprove.js │ │ │ ├── TableExampleCollapsing.js │ │ │ ├── TableExampleDefinition.js │ │ │ ├── TableExamplePadded.js │ │ │ ├── TableExamplePagination.js │ │ │ ├── TableExampleStriped.js │ │ │ ├── TableExampleStructured.js │ │ │ └── index.js │ │ │ ├── Variations │ │ │ ├── TableExampleAttached.js │ │ │ ├── TableExampleBasic.js │ │ │ ├── TableExampleCelled.js │ │ │ ├── TableExampleCollapsing.js │ │ │ ├── TableExampleCollapsingCell.js │ │ │ ├── TableExampleColors.js │ │ │ ├── TableExampleColumnCount.js │ │ │ ├── TableExampleColumnWidth.js │ │ │ ├── TableExampleCompact.js │ │ │ ├── TableExampleFixed.js │ │ │ ├── TableExampleFixedLine.js │ │ │ ├── TableExampleFullWidth.js │ │ │ ├── TableExampleInverted.js │ │ │ ├── TableExampleInvertedColors.js │ │ │ ├── TableExampleLarge.js │ │ │ ├── TableExamplePadded.js │ │ │ ├── TableExampleSelectableCell.js │ │ │ ├── TableExampleSelectableInvertedRow.js │ │ │ ├── TableExampleSelectableRow.js │ │ │ ├── TableExampleSingleLine.js │ │ │ ├── TableExampleSmall.js │ │ │ ├── TableExampleStackable.js │ │ │ ├── TableExampleStriped.js │ │ │ ├── TableExampleTextAlign.js │ │ │ ├── TableExampleUnstackable.js │ │ │ ├── TableExampleVerticalAlign.js │ │ │ ├── TableExampleVeryBasic.js │ │ │ ├── TableExampleVeryCompact.js │ │ │ ├── TableExampleVeryPadded.js │ │ │ └── index.js │ │ │ └── index.js │ ├── elements │ │ ├── Button │ │ │ ├── Content │ │ │ │ ├── ButtonExampleConditionals.js │ │ │ │ ├── ButtonExampleMultipleConditionals.js │ │ │ │ └── index.js │ │ │ ├── GroupVariations │ │ │ │ ├── ButtonExampleGroupBasic.js │ │ │ │ ├── ButtonExampleGroupBasicColored.js │ │ │ │ ├── ButtonExampleGroupColored.js │ │ │ │ ├── ButtonExampleGroupEqualWidth.js │ │ │ │ ├── ButtonExampleGroupIcon.js │ │ │ │ ├── ButtonExampleGroupIconShorthand.js │ │ │ │ ├── ButtonExampleGroupIconSize.js │ │ │ │ ├── ButtonExampleGroupLabeledIcon.js │ │ │ │ ├── ButtonExampleGroupMixed.js │ │ │ │ ├── ButtonExampleGroupOrSize.js │ │ │ │ ├── ButtonExampleGroupSize.js │ │ │ │ ├── ButtonExampleGroupVertical.js │ │ │ │ └── index.js │ │ │ ├── Groups │ │ │ │ ├── ButtonExampleGroup.js │ │ │ │ ├── ButtonExampleGroupIcon.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── ButtonExampleActive.js │ │ │ │ ├── ButtonExampleDisabled.js │ │ │ │ ├── ButtonExampleLoading.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── ButtonExampleAnimated.js │ │ │ │ ├── ButtonExampleBasic.js │ │ │ │ ├── ButtonExampleButton.js │ │ │ │ ├── ButtonExampleContentProp.js │ │ │ │ ├── ButtonExampleEmphasis.js │ │ │ │ ├── ButtonExampleIcon.js │ │ │ │ ├── ButtonExampleIconProp.js │ │ │ │ ├── ButtonExampleInverted.js │ │ │ │ ├── ButtonExampleLabeled.js │ │ │ │ ├── ButtonExampleLabeledBasic.js │ │ │ │ ├── ButtonExampleLabeledIcon.js │ │ │ │ ├── ButtonExampleLabeledProps.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── ButtonExampleCircular.js │ │ │ │ ├── ButtonExampleCircularSocial.js │ │ │ │ ├── ButtonExampleColored.js │ │ │ │ ├── ButtonExampleCompact.js │ │ │ │ ├── ButtonExampleFloated.js │ │ │ │ ├── ButtonExampleFluid.js │ │ │ │ ├── ButtonExampleHorizontallyAttached.js │ │ │ │ ├── ButtonExampleNegative.js │ │ │ │ ├── ButtonExamplePositive.js │ │ │ │ ├── ButtonExampleSize.js │ │ │ │ ├── ButtonExampleSocial.js │ │ │ │ ├── ButtonExampleToggle.js │ │ │ │ ├── ButtonExampleVerticallyAttached.js │ │ │ │ ├── ButtonExampleVerticallyAttachedGroup.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Container │ │ │ ├── Types │ │ │ │ ├── ContainerExampleContainer.js │ │ │ │ ├── ContainerExampleText.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── ContainerExampleAlignment.js │ │ │ │ ├── ContainerExampleFluid.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Divider │ │ │ ├── Types │ │ │ │ ├── DividerExampleDivider.js │ │ │ │ ├── DividerExampleHorizontal.js │ │ │ │ ├── DividerExampleVertical.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── DividerExampleClearing.js │ │ │ │ ├── DividerExampleFitted.js │ │ │ │ ├── DividerExampleHidden.js │ │ │ │ ├── DividerExampleInverted.js │ │ │ │ ├── DividerExampleSection.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Flag │ │ │ ├── Types │ │ │ │ ├── FlagExampleFlag.js │ │ │ │ ├── FlagExampleTable.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Header │ │ │ ├── Content │ │ │ │ ├── HeaderExampleIconProp.js │ │ │ │ ├── HeaderExampleImage.js │ │ │ │ ├── HeaderExampleImageProp.js │ │ │ │ ├── HeaderExamplePlugIcon.js │ │ │ │ ├── HeaderExampleSettingsIcon.js │ │ │ │ ├── HeaderExampleSubheader.js │ │ │ │ ├── HeaderExampleSubheaderProp.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── HeaderExampleDisabled.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── HeaderExampleContent.js │ │ │ │ ├── HeaderExamplePage.js │ │ │ │ ├── HeaderExampleSettingsIcon.js │ │ │ │ ├── HeaderExampleSubheaders.js │ │ │ │ ├── HeaderExampleUsersIcon.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── HeaderExampleAttached.js │ │ │ │ ├── HeaderExampleBlock.js │ │ │ │ ├── HeaderExampleColored.js │ │ │ │ ├── HeaderExampleDividing.js │ │ │ │ ├── HeaderExampleFloating.js │ │ │ │ ├── HeaderExampleInverted.js │ │ │ │ ├── HeaderExampleTextAlignment.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Icon │ │ │ ├── Groups │ │ │ │ ├── IconExampleCornerGroup.js │ │ │ │ ├── IconExampleIconGroup.js │ │ │ │ ├── IconExampleLoadingGroup.js │ │ │ │ ├── IconExampleTwitterGroup.js │ │ │ │ └── index.js │ │ │ ├── IconSet │ │ │ │ ├── IconExampleAccessibility.js │ │ │ │ ├── IconExampleAudio.js │ │ │ │ ├── IconExampleBrands.js │ │ │ │ ├── IconExampleComputer.js │ │ │ │ ├── IconExampleComputerAndFileSystem.js │ │ │ │ ├── IconExampleCurrency.js │ │ │ │ ├── IconExampleGenderAndSexuality.js │ │ │ │ ├── IconExampleItemSelection.js │ │ │ │ ├── IconExampleLayoutAdjustment.js │ │ │ │ ├── IconExampleMap.js │ │ │ │ ├── IconExampleMedia.js │ │ │ │ ├── IconExampleMessage.js │ │ │ │ ├── IconExampleMobile.js │ │ │ │ ├── IconExampleObjects.js │ │ │ │ ├── IconExamplePaymentOptions.js │ │ │ │ ├── IconExamplePointers.js │ │ │ │ ├── IconExampleRating.js │ │ │ │ ├── IconExampleShapes.js │ │ │ │ ├── IconExampleTables.js │ │ │ │ ├── IconExampleTechnologies.js │ │ │ │ ├── IconExampleTextEditor.js │ │ │ │ ├── IconExampleUserActions.js │ │ │ │ ├── IconExampleUserTypes.js │ │ │ │ ├── IconExampleWebContent.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── IconExampleDisabled.js │ │ │ │ ├── IconExampleLoading.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── IconExampleBordered.js │ │ │ │ ├── IconExampleCircular.js │ │ │ │ ├── IconExampleColored.js │ │ │ │ ├── IconExampleFitted.js │ │ │ │ ├── IconExampleFlipped.js │ │ │ │ ├── IconExampleInvertedColored.js │ │ │ │ ├── IconExampleLink.js │ │ │ │ ├── IconExampleRotated.js │ │ │ │ ├── IconExampleSize.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Image │ │ │ ├── Groups │ │ │ │ ├── ImageExampleGroupSize.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── ImageExampleDisabled.js │ │ │ │ ├── ImageExampleHidden.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── ImageExampleImage.js │ │ │ │ ├── ImageExampleLink.js │ │ │ │ ├── ImageExampleWrapped.js │ │ │ │ └── index.js │ │ │ ├── Usage │ │ │ │ ├── ImageExampleChildren.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── ImageExampleAvatar.js │ │ │ │ ├── ImageExampleBordered.js │ │ │ │ ├── ImageExampleCentered.js │ │ │ │ ├── ImageExampleCircular.js │ │ │ │ ├── ImageExampleFloated.js │ │ │ │ ├── ImageExampleFluid.js │ │ │ │ ├── ImageExampleRounded.js │ │ │ │ ├── ImageExampleSize.js │ │ │ │ ├── ImageExampleSpaced.js │ │ │ │ ├── ImageExampleVerticallyAligned.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Input │ │ │ ├── States │ │ │ │ ├── InputExampleDisabled.js │ │ │ │ ├── InputExampleError.js │ │ │ │ ├── InputExampleFocus.js │ │ │ │ ├── InputExampleLeftLoading.js │ │ │ │ ├── InputExampleLoading.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── InputExampleInput.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── InputExampleAction.js │ │ │ │ ├── InputExampleActionDropdown.js │ │ │ │ ├── InputExampleActionIconButton.js │ │ │ │ ├── InputExampleActionLabeledButton.js │ │ │ │ ├── InputExampleActions.js │ │ │ │ ├── InputExampleFluid.js │ │ │ │ ├── InputExampleIcon.js │ │ │ │ ├── InputExampleIconChild.js │ │ │ │ ├── InputExampleIconElement.js │ │ │ │ ├── InputExampleIconPosition.js │ │ │ │ ├── InputExampleIconProps.js │ │ │ │ ├── InputExampleInverted.js │ │ │ │ ├── InputExampleLabeled.js │ │ │ │ ├── InputExampleLeftActionLabeledButton.js │ │ │ │ ├── InputExampleLeftCornerLabeled.js │ │ │ │ ├── InputExampleRightCornerLabeled.js │ │ │ │ ├── InputExampleRightLabeled.js │ │ │ │ ├── InputExampleRightLabeledBasic.js │ │ │ │ ├── InputExampleRightLabeledTag.js │ │ │ │ ├── InputExampleRightLeftLabeled.js │ │ │ │ ├── InputExampleSize.js │ │ │ │ ├── InputExampleTransparent.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Label │ │ │ ├── Content │ │ │ │ ├── LabelExampleDetail.js │ │ │ │ ├── LabelExampleIcon.js │ │ │ │ ├── LabelExampleIconShorthand.js │ │ │ │ ├── LabelExampleImage.js │ │ │ │ ├── LabelExampleImageShorthand.js │ │ │ │ ├── LabelExampleLink.js │ │ │ │ ├── LabelExampleLinkDetail.js │ │ │ │ └── index.js │ │ │ ├── Groups │ │ │ │ ├── LabelExampleGroupCircular.js │ │ │ │ ├── LabelExampleGroupColored.js │ │ │ │ ├── LabelExampleGroupSize.js │ │ │ │ ├── LabelExampleGroupTag.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── LabelExampleAttached.js │ │ │ │ ├── LabelExampleBasic.js │ │ │ │ ├── LabelExampleCorner.js │ │ │ │ ├── LabelExampleFloating.js │ │ │ │ ├── LabelExampleHorizontal.js │ │ │ │ ├── LabelExampleIcon.js │ │ │ │ ├── LabelExampleImage.js │ │ │ │ ├── LabelExampleImageColored.js │ │ │ │ ├── LabelExamplePointing.js │ │ │ │ ├── LabelExamplePointingColored.js │ │ │ │ ├── LabelExampleRibbon.js │ │ │ │ ├── LabelExampleRibbonImage.js │ │ │ │ ├── LabelExampleTag.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── LabelExampleBasic.js │ │ │ │ ├── LabelExampleCircular.js │ │ │ │ ├── LabelExampleCircularEmpty.js │ │ │ │ ├── LabelExampleColored.js │ │ │ │ ├── LabelExampleSize.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── List │ │ │ ├── Content │ │ │ │ ├── ListExampleDescription.js │ │ │ │ ├── ListExampleHeader.js │ │ │ │ ├── ListExampleIcon.js │ │ │ │ ├── ListExampleImage.js │ │ │ │ ├── ListExampleItem.js │ │ │ │ ├── ListExampleLink.js │ │ │ │ ├── ListExampleLinkComplex.js │ │ │ │ └── index.js │ │ │ ├── ContentVariations │ │ │ │ ├── ListExampleFloated.js │ │ │ │ ├── ListExampleFloatedHorizontal.js │ │ │ │ ├── ListExampleVerticallyAligned.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── ListExampleBasic.js │ │ │ │ ├── ListExampleBasicShorthand.js │ │ │ │ ├── ListExampleBulleted.js │ │ │ │ ├── ListExampleBulletedHorizontal.js │ │ │ │ ├── ListExampleBulletedSimple.js │ │ │ │ ├── ListExampleDivided.js │ │ │ │ ├── ListExampleIcon.js │ │ │ │ ├── ListExampleIconShorthand.js │ │ │ │ ├── ListExampleLink.js │ │ │ │ ├── ListExampleOrdered.js │ │ │ │ ├── ListExampleOrderedSimple.js │ │ │ │ ├── ListExampleOrderedValue.js │ │ │ │ ├── ListExampleTree.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── ListExampleAnimated.js │ │ │ │ ├── ListExampleCelled.js │ │ │ │ ├── ListExampleCelledHorizontal.js │ │ │ │ ├── ListExampleCelledOrdered.js │ │ │ │ ├── ListExampleDivided.js │ │ │ │ ├── ListExampleHorizontal.js │ │ │ │ ├── ListExampleHorizontalBulleted.js │ │ │ │ ├── ListExampleHorizontalOrdered.js │ │ │ │ ├── ListExampleInverted.js │ │ │ │ ├── ListExampleRelaxed.js │ │ │ │ ├── ListExampleRelaxedHorizontal.js │ │ │ │ ├── ListExampleSelection.js │ │ │ │ ├── ListExampleSizes.js │ │ │ │ ├── ListExampleVeryRelaxed.js │ │ │ │ ├── ListExampleVeryRelaxedHorizontal.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Loader │ │ │ ├── States │ │ │ │ ├── LoaderExampleActive.js │ │ │ │ ├── LoaderExampleDisabled.js │ │ │ │ ├── LoaderExampleIndeterminate.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── LoaderExampleLoader.js │ │ │ │ ├── LoaderExampleText.js │ │ │ │ ├── LoaderExampleTextShorthand.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── LoaderExampleInline.js │ │ │ │ ├── LoaderExampleInlineCentered.js │ │ │ │ ├── LoaderExampleInverted.js │ │ │ │ ├── LoaderExampleSizes.js │ │ │ │ ├── LoaderExampleSizesInverted.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Rail │ │ │ ├── Types │ │ │ │ ├── RailExampleDividing.js │ │ │ │ ├── RailExampleInternal.js │ │ │ │ ├── RailExampleRail.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── RailExampleAttached.js │ │ │ │ ├── RailExampleAttachedInternal.js │ │ │ │ ├── RailExampleClose.js │ │ │ │ ├── RailExampleCloseVery.js │ │ │ │ ├── RailExampleSize.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Reveal │ │ │ ├── Content │ │ │ │ ├── RevealExampleHidden.js │ │ │ │ ├── RevealExampleVisible.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── RevealExampleActive.js │ │ │ │ ├── RevealExampleDisabled.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── RevealExampleFade.js │ │ │ │ ├── RevealExampleFadeSmall.js │ │ │ │ ├── RevealExampleMove.js │ │ │ │ ├── RevealExampleMoveDown.js │ │ │ │ ├── RevealExampleMoveRight.js │ │ │ │ ├── RevealExampleMoveUp.js │ │ │ │ ├── RevealExampleRotate.js │ │ │ │ ├── RevealExampleRotateLeft.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── RevealExampleInstant.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Segment │ │ │ ├── Groups │ │ │ │ ├── SegmentExampleHorizontalSegments.js │ │ │ │ ├── SegmentExampleNestedSegments.js │ │ │ │ ├── SegmentExamplePiledSegments.js │ │ │ │ ├── SegmentExampleRaisedSegments.js │ │ │ │ ├── SegmentExampleSegments.js │ │ │ │ ├── SegmentExampleStackedSegments.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── SegmentExampleDisabled.js │ │ │ │ ├── SegmentExampleLoading.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── SegmentExamplePiled.js │ │ │ │ ├── SegmentExampleRaised.js │ │ │ │ ├── SegmentExampleSegment.js │ │ │ │ ├── SegmentExampleStacked.js │ │ │ │ ├── SegmentExampleVerticalSegment.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── SegmentExampleAttached.js │ │ │ │ ├── SegmentExampleAttachedComplex.js │ │ │ │ ├── SegmentExampleBasic.js │ │ │ │ ├── SegmentExampleCircular.js │ │ │ │ ├── SegmentExampleClearing.js │ │ │ │ ├── SegmentExampleColored.js │ │ │ │ ├── SegmentExampleColoredInverted.js │ │ │ │ ├── SegmentExampleCompact.js │ │ │ │ ├── SegmentExampleCompactGroup.js │ │ │ │ ├── SegmentExampleEmphasis.js │ │ │ │ ├── SegmentExampleEmphasisColoredInverted.js │ │ │ │ ├── SegmentExampleEmphasisInverted.js │ │ │ │ ├── SegmentExampleFloated.js │ │ │ │ ├── SegmentExampleGroupSizes.js │ │ │ │ ├── SegmentExampleInverted.js │ │ │ │ ├── SegmentExamplePadded.js │ │ │ │ ├── SegmentExampleSizes.js │ │ │ │ ├── SegmentExampleTextAlignment.js │ │ │ │ ├── SegmentExampleVeryPadded.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ └── Step │ │ │ ├── Content │ │ │ ├── StepExampleDescriptions.js │ │ │ ├── StepExampleIcons.js │ │ │ ├── StepExampleLinks.js │ │ │ └── index.js │ │ │ ├── Groups │ │ │ ├── StepExampleGroups.js │ │ │ ├── StepExampleOrdered.js │ │ │ ├── StepExampleVertical.js │ │ │ └── index.js │ │ │ ├── States │ │ │ ├── StepExampleActive.js │ │ │ ├── StepExampleCompleted.js │ │ │ ├── StepExampleDisabled.js │ │ │ └── index.js │ │ │ ├── Types │ │ │ ├── StepExampleBasic.js │ │ │ └── index.js │ │ │ ├── Variations │ │ │ ├── StepExampleFluid.js │ │ │ ├── StepExampleSizes.js │ │ │ ├── StepExampleStackable.js │ │ │ └── index.js │ │ │ └── index.js │ ├── modules │ │ ├── Accordion │ │ │ ├── Types │ │ │ │ ├── AccordionExampleActiveIndex.js │ │ │ │ ├── AccordionExamplePanelsProp.js │ │ │ │ ├── AccordionExampleStandard.js │ │ │ │ ├── AccordionExampleStyled.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── AccordionExampleFluid.js │ │ │ │ ├── AccordionExampleInverted.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Checkbox │ │ │ ├── States │ │ │ │ ├── CheckboxExampleChecked.js │ │ │ │ ├── CheckboxExampleDisabled.js │ │ │ │ ├── CheckboxExampleReadOnly.js │ │ │ │ ├── CheckboxExampleRemoteControl.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── CheckboxExampleCheckbox.js │ │ │ │ ├── CheckboxExampleRadio.js │ │ │ │ ├── CheckboxExampleRadioGroup.js │ │ │ │ ├── CheckboxExampleSlider.js │ │ │ │ ├── CheckboxExampleToggle.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── CheckboxExampleFitted.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Dimmer │ │ │ ├── States │ │ │ │ ├── DimmerExampleActive.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── DimmerExampleContent.js │ │ │ │ ├── DimmerExampleDimmer.js │ │ │ │ ├── DimmerExamplePage.js │ │ │ │ └── index.js │ │ │ ├── Usage │ │ │ │ ├── DimmerExampleEvents.js │ │ │ │ ├── DimmerExampleLoader.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── DimmerExampleBlurring.js │ │ │ │ ├── DimmerExampleBlurringInverted.js │ │ │ │ ├── DimmerExampleInverted.js │ │ │ │ ├── DimmerExampleSimple.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Dropdown │ │ │ ├── Content │ │ │ │ ├── DropdownExampleDescription.js │ │ │ │ ├── DropdownExampleDivider.js │ │ │ │ ├── DropdownExampleFloatedContent.js │ │ │ │ ├── DropdownExampleHeader.js │ │ │ │ ├── DropdownExampleIcon.js │ │ │ │ ├── DropdownExampleImage.js │ │ │ │ ├── DropdownExampleInput.js │ │ │ │ ├── DropdownExampleLabel.js │ │ │ │ ├── DropdownExampleMessage.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── DropdownExampleActive.js │ │ │ │ ├── DropdownExampleDisabled.js │ │ │ │ ├── DropdownExampleDisabledItem.js │ │ │ │ ├── DropdownExampleError.js │ │ │ │ ├── DropdownExampleLoading.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── DropdownExampleDropdown.js │ │ │ │ ├── DropdownExampleFloating.js │ │ │ │ ├── DropdownExampleInline.js │ │ │ │ ├── DropdownExampleInlineTwo.js │ │ │ │ ├── DropdownExampleMultipleSearchInMenu.js │ │ │ │ ├── DropdownExampleMultipleSearchSelection.js │ │ │ │ ├── DropdownExampleMultipleSearchSelectionTwo.js │ │ │ │ ├── DropdownExampleMultipleSelection.js │ │ │ │ ├── DropdownExamplePointing.js │ │ │ │ ├── DropdownExamplePointingTwo.js │ │ │ │ ├── DropdownExampleSearchDropdown.js │ │ │ │ ├── DropdownExampleSearchInMenu.js │ │ │ │ ├── DropdownExampleSearchSelection.js │ │ │ │ ├── DropdownExampleSearchSelectionTwo.js │ │ │ │ ├── DropdownExampleSelection.js │ │ │ │ ├── DropdownExampleSimple.js │ │ │ │ └── index.js │ │ │ ├── Usage │ │ │ │ ├── DropdownExampleAdditionLabelComponent.js │ │ │ │ ├── DropdownExampleAdditionLabelString.js │ │ │ │ ├── DropdownExampleAllowAdditions.js │ │ │ │ ├── DropdownExampleItemContent.js │ │ │ │ ├── DropdownExampleMultipleAllowAdditions.js │ │ │ │ ├── DropdownExampleMultipleCustomLabel.js │ │ │ │ ├── DropdownExampleRemote.js │ │ │ │ ├── DropdownExampleTrigger.js │ │ │ │ ├── DropdownExampleTriggerImage.js │ │ │ │ ├── DropdownExampleUncontrolled.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── DropdownExampleCompact.js │ │ │ │ ├── DropdownExampleFluid.js │ │ │ │ ├── DropdownExampleMenuDirection.js │ │ │ │ ├── DropdownExampleMenuDirectionLeft.js │ │ │ │ ├── DropdownExampleScrolling.js │ │ │ │ ├── DropdownExampleSearchInMenuScrolling.js │ │ │ │ └── index.js │ │ │ ├── common.js │ │ │ └── index.js │ │ ├── Embed │ │ │ ├── States │ │ │ │ ├── EmbedExampleActive.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── EmbedExampleCustom.js │ │ │ │ ├── EmbedExampleVimeo.js │ │ │ │ ├── EmbedExampleYoutube.js │ │ │ │ └── index.js │ │ │ ├── Usage │ │ │ │ ├── EmbedExampleSettings.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── EmbedExampleAspectRatio.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Modal │ │ │ ├── Types │ │ │ │ ├── ModalExampleBasic.js │ │ │ │ ├── ModalExampleControlled.js │ │ │ │ ├── ModalExampleModal.js │ │ │ │ ├── ModalExampleMultiple.js │ │ │ │ ├── ModalExampleScrolling.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── ModalExampleCloseConfig.js │ │ │ │ ├── ModalExampleCloseIcon.js │ │ │ │ ├── ModalExampleDimmer.js │ │ │ │ ├── ModalExampleSize.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Popup │ │ │ ├── Types │ │ │ │ ├── PopupExample.js │ │ │ │ ├── PopupExampleHtml.js │ │ │ │ ├── PopupExampleTitled.js │ │ │ │ └── index.js │ │ │ ├── Usage │ │ │ │ ├── PopupExampleClick.js │ │ │ │ ├── PopupExampleControlled.js │ │ │ │ ├── PopupExampleFocus.js │ │ │ │ ├── PopupExampleHover.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── PopupExampleBasic.js │ │ │ │ ├── PopupExampleFlowing.js │ │ │ │ ├── PopupExampleHideOnScroll.js │ │ │ │ ├── PopupExampleInverted.js │ │ │ │ ├── PopupExampleOffset.js │ │ │ │ ├── PopupExamplePosition.js │ │ │ │ ├── PopupExampleSize.js │ │ │ │ ├── PopupExampleStyle.js │ │ │ │ ├── PopupExampleWide.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Progress │ │ │ ├── Content │ │ │ │ ├── ProgressExampleBar.js │ │ │ │ ├── ProgressExampleLabel.js │ │ │ │ ├── ProgressExampleProgress.js │ │ │ │ └── index.js │ │ │ ├── States │ │ │ │ ├── ProgressExampleActive.js │ │ │ │ ├── ProgressExampleDisabled.js │ │ │ │ ├── ProgressExampleError.js │ │ │ │ ├── ProgressExampleSuccess.js │ │ │ │ ├── ProgressExampleWarning.js │ │ │ │ └── index.js │ │ │ ├── Types │ │ │ │ ├── ProgressExampleAutoSuccess.js │ │ │ │ ├── ProgressExampleIndicating.js │ │ │ │ ├── ProgressExampleStandard.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── ProgressExampleAttached.js │ │ │ │ ├── ProgressExampleColor.js │ │ │ │ ├── ProgressExampleInverted.js │ │ │ │ ├── ProgressExampleInvertedColor.js │ │ │ │ ├── ProgressExampleSize.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── Rating │ │ │ ├── Types │ │ │ │ ├── RatingExampleClearable.js │ │ │ │ ├── RatingExampleControlled.js │ │ │ │ ├── RatingExampleDisabled.js │ │ │ │ ├── RatingExampleHeart.js │ │ │ │ ├── RatingExampleOnRate.js │ │ │ │ ├── RatingExampleRating.js │ │ │ │ ├── RatingExampleStar.js │ │ │ │ └── index.js │ │ │ ├── Variations │ │ │ │ ├── RatingExampleSize.js │ │ │ │ └── index.js │ │ │ └── index.js │ │ └── Search │ │ │ ├── Types │ │ │ ├── SearchExampleCategory.js │ │ │ ├── SearchExampleCategoryCustom.js │ │ │ ├── SearchExampleStandard.js │ │ │ ├── SearchExampleStandardCustom.js │ │ │ └── index.js │ │ │ ├── Variations │ │ │ ├── SearchExampleAligned.js │ │ │ ├── SearchExampleFluid.js │ │ │ └── index.js │ │ │ └── index.js │ └── views │ │ ├── Card │ │ ├── Content │ │ │ ├── CardExampleContentBlock.js │ │ │ ├── CardExampleExtraContent.js │ │ │ ├── CardExampleHeaderCard.js │ │ │ ├── CardExampleImageCard.js │ │ │ ├── CardExampleLinkCard.js │ │ │ └── index.js │ │ ├── Types │ │ │ ├── CardExampleGroupProps.js │ │ │ ├── CardExampleGroups.js │ │ │ ├── CardExampleIndividualCard.js │ │ │ ├── CardExampleIndividualCardProps.js │ │ │ └── index.js │ │ ├── Variations │ │ │ ├── CardExampleColored.js │ │ │ ├── CardExampleColumnCount.js │ │ │ ├── CardExampleFluid.js │ │ │ └── index.js │ │ └── index.js │ │ ├── Comment │ │ ├── Content │ │ │ ├── CommentExampleActions.js │ │ │ ├── CommentExampleAvatar.js │ │ │ ├── CommentExampleMetadata.js │ │ │ ├── CommentExampleReplyForm.js │ │ │ ├── CommentExampleReplyFormOuter.js │ │ │ └── index.js │ │ ├── States │ │ │ ├── CommentExampleCollapsed.js │ │ │ └── index.js │ │ ├── Types │ │ │ ├── CommentExampleComment.js │ │ │ └── index.js │ │ ├── Variations │ │ │ ├── CommentExampleMinimal.js │ │ │ ├── CommentExampleThreaded.js │ │ │ └── index.js │ │ └── index.js │ │ ├── Feed │ │ ├── Content │ │ │ ├── FeedExampleContentDate.js │ │ │ ├── FeedExampleContentDateShorthand.js │ │ │ ├── FeedExampleDate.js │ │ │ ├── FeedExampleDateShorthand.js │ │ │ ├── FeedExampleExtraImages.js │ │ │ ├── FeedExampleExtraImagesShorthand.js │ │ │ ├── FeedExampleExtraText.js │ │ │ ├── FeedExampleExtraTextShorthand.js │ │ │ ├── FeedExampleIconLabel.js │ │ │ ├── FeedExampleIconLabelShorthand.js │ │ │ ├── FeedExampleImageLabel.js │ │ │ ├── FeedExampleImageLabelShorthand.js │ │ │ ├── FeedExampleSummaryDate.js │ │ │ ├── FeedExampleSummaryDateShorthand.js │ │ │ └── index.js │ │ ├── Types │ │ │ ├── FeedExampleBasic.js │ │ │ ├── FeedExampleEventsProp.js │ │ │ ├── FeedExampleShorthand.js │ │ │ └── index.js │ │ ├── Variations │ │ │ ├── FeedExampleSizeLarge.js │ │ │ ├── FeedExampleSizeSmall.js │ │ │ └── index.js │ │ └── index.js │ │ ├── Item │ │ ├── Content │ │ │ ├── ItemExampleContents.js │ │ │ ├── ItemExampleDescriptions.js │ │ │ ├── ItemExampleExtraContent.js │ │ │ ├── ItemExampleHeaders.js │ │ │ ├── ItemExampleImages.js │ │ │ ├── ItemExampleLink.js │ │ │ ├── ItemExampleMetadata.js │ │ │ ├── ItemExampleRatings.js │ │ │ └── index.js │ │ ├── Types │ │ │ ├── ItemExampleItems.js │ │ │ ├── ItemExampleProps.js │ │ │ └── index.js │ │ ├── Variations │ │ │ ├── ItemExampleAlignment.js │ │ │ ├── ItemExampleDivided.js │ │ │ ├── ItemExampleFloated.js │ │ │ ├── ItemExampleLink.js │ │ │ ├── ItemExampleRelaxed.js │ │ │ ├── ItemExampleVeryRelaxed.js │ │ │ └── index.js │ │ └── index.js │ │ └── Statistic │ │ ├── Content │ │ ├── StatisticExampleLabels.js │ │ ├── StatisticExampleProps.js │ │ ├── StatisticExampleValues.js │ │ └── index.js │ │ ├── Types │ │ ├── StatisticExampleBottomLabel.js │ │ ├── StatisticExampleGroups.js │ │ ├── StatisticExampleTopLabel.js │ │ └── index.js │ │ ├── Variations │ │ ├── StatisticExampleColored.js │ │ ├── StatisticExampleEvenlyDivided.js │ │ ├── StatisticExampleFloated.js │ │ ├── StatisticExampleHorizontal.js │ │ ├── StatisticExampleHorizontalGroup.js │ │ ├── StatisticExampleInverted.js │ │ ├── StatisticExampleSize.js │ │ ├── StatisticExampleSizeDivided.js │ │ └── index.js │ │ └── index.js │ ├── Style.js │ ├── Views │ ├── Introduction.js │ ├── PageNotFound.js │ └── Usage.js │ ├── assets │ ├── images │ │ ├── avatar │ │ │ ├── large │ │ │ │ ├── ade.jpg │ │ │ │ ├── chris.jpg │ │ │ │ ├── christian.jpg │ │ │ │ ├── daniel.jpg │ │ │ │ ├── elliot.jpg │ │ │ │ ├── helen.jpg │ │ │ │ ├── jenny.jpg │ │ │ │ ├── joe.jpg │ │ │ │ ├── justen.jpg │ │ │ │ ├── laura.jpg │ │ │ │ ├── matt.jpg │ │ │ │ ├── nan.jpg │ │ │ │ ├── nom.jpg │ │ │ │ ├── steve.jpg │ │ │ │ ├── stevie.jpg │ │ │ │ ├── tom.jpg │ │ │ │ ├── veronika.jpg │ │ │ │ └── zoe.jpg │ │ │ └── small │ │ │ │ ├── ade.jpg │ │ │ │ ├── chris.jpg │ │ │ │ ├── christian.jpg │ │ │ │ ├── daniel.jpg │ │ │ │ ├── elliot.jpg │ │ │ │ ├── helen.jpg │ │ │ │ ├── jenny.jpg │ │ │ │ ├── joe.jpg │ │ │ │ ├── justen.jpg │ │ │ │ ├── laura.jpg │ │ │ │ ├── matt.jpg │ │ │ │ ├── nan.jpg │ │ │ │ ├── nom.jpg │ │ │ │ ├── steve.jpg │ │ │ │ ├── stevie.jpg │ │ │ │ ├── tom.jpg │ │ │ │ ├── veronika.jpg │ │ │ │ └── zoe.jpg │ │ └── wireframe │ │ │ ├── centered-paragraph.png │ │ │ ├── image-square.png │ │ │ ├── image-text.png │ │ │ ├── image.png │ │ │ ├── media-paragraph-alt.png │ │ │ ├── media-paragraph.png │ │ │ ├── paragraph.png │ │ │ ├── short-paragraph.png │ │ │ ├── square-image.png │ │ │ ├── text-image.png │ │ │ └── white-image.png │ └── technologyadvice-logo-dark.png │ ├── index.ejs │ ├── index.js │ ├── logo.png │ ├── routes.js │ └── utils.js ├── gulp ├── plugins │ └── gulp-react-docgen.js └── tasks │ ├── dll.js │ ├── docs.js │ └── umd.js ├── gulpfile.js ├── karma.conf.js ├── package.json ├── src ├── addons │ ├── Confirm │ │ ├── Confirm.js │ │ └── index.js │ ├── Portal │ │ ├── Portal.js │ │ └── index.js │ ├── Radio │ │ ├── Radio.js │ │ └── index.js │ ├── Select │ │ ├── Select.js │ │ └── index.js │ └── TextArea │ │ ├── TextArea.js │ │ └── index.js ├── collections │ ├── Breadcrumb │ │ ├── Breadcrumb.js │ │ ├── BreadcrumbDivider.js │ │ ├── BreadcrumbSection.js │ │ └── index.js │ ├── Form │ │ ├── Form.js │ │ ├── FormButton.js │ │ ├── FormCheckbox.js │ │ ├── FormDropdown.js │ │ ├── FormField.js │ │ ├── FormGroup.js │ │ ├── FormInput.js │ │ ├── FormRadio.js │ │ ├── FormSelect.js │ │ ├── FormTextArea.js │ │ └── index.js │ ├── Grid │ │ ├── Grid.js │ │ ├── GridColumn.js │ │ ├── GridRow.js │ │ └── index.js │ ├── Menu │ │ ├── Menu.js │ │ ├── MenuHeader.js │ │ ├── MenuItem.js │ │ ├── MenuMenu.js │ │ └── index.js │ ├── Message │ │ ├── Message.js │ │ ├── MessageContent.js │ │ ├── MessageHeader.js │ │ ├── MessageItem.js │ │ ├── MessageList.js │ │ └── index.js │ └── Table │ │ ├── Table.js │ │ ├── TableBody.js │ │ ├── TableCell.js │ │ ├── TableFooter.js │ │ ├── TableHeader.js │ │ ├── TableHeaderCell.js │ │ ├── TableRow.js │ │ └── index.js ├── elements │ ├── Button │ │ ├── Button.js │ │ ├── ButtonContent.js │ │ ├── ButtonGroup.js │ │ ├── ButtonOr.js │ │ └── index.js │ ├── Container │ │ ├── Container.js │ │ └── index.js │ ├── Divider │ │ ├── Divider.js │ │ └── index.js │ ├── Flag │ │ ├── Flag.js │ │ └── index.js │ ├── Header │ │ ├── Header.js │ │ ├── HeaderContent.js │ │ ├── HeaderSubheader.js │ │ └── index.js │ ├── Icon │ │ ├── Icon.js │ │ ├── IconGroup.js │ │ └── index.js │ ├── Image │ │ ├── Image.js │ │ ├── ImageGroup.js │ │ └── index.js │ ├── Input │ │ ├── Input.js │ │ └── index.js │ ├── Label │ │ ├── Label.js │ │ ├── LabelDetail.js │ │ ├── LabelGroup.js │ │ └── index.js │ ├── List │ │ ├── List.js │ │ ├── ListContent.js │ │ ├── ListDescription.js │ │ ├── ListHeader.js │ │ ├── ListIcon.js │ │ ├── ListItem.js │ │ ├── ListList.js │ │ └── index.js │ ├── Loader │ │ ├── Loader.js │ │ └── index.js │ ├── Rail │ │ ├── Rail.js │ │ └── index.js │ ├── Reveal │ │ ├── Reveal.js │ │ ├── RevealContent.js │ │ └── index.js │ ├── Segment │ │ ├── Segment.js │ │ ├── SegmentGroup.js │ │ └── index.js │ └── Step │ │ ├── Step.js │ │ ├── StepContent.js │ │ ├── StepDescription.js │ │ ├── StepGroup.js │ │ ├── StepTitle.js │ │ └── index.js ├── index.js ├── lib │ ├── AutoControlledComponent.js │ ├── META.js │ ├── SUI.js │ ├── childrenUtils.js │ ├── classNameBuilders.js │ ├── customPropTypes.js │ ├── debug.js │ ├── factories.js │ ├── getElementType.js │ ├── getUnhandledProps.js │ ├── index.js │ ├── isBrowser.js │ ├── keyboardKey.js │ ├── numberToWord.js │ └── objectDiff.js ├── modules │ ├── Accordion │ │ ├── Accordion.js │ │ ├── AccordionContent.js │ │ ├── AccordionTitle.js │ │ └── index.js │ ├── Checkbox │ │ ├── Checkbox.js │ │ └── index.js │ ├── Dimmer │ │ ├── Dimmer.js │ │ ├── DimmerDimmable.js │ │ └── index.js │ ├── Dropdown │ │ ├── Dropdown.js │ │ ├── DropdownDivider.js │ │ ├── DropdownHeader.js │ │ ├── DropdownItem.js │ │ ├── DropdownMenu.js │ │ ├── TODO.md │ │ └── index.js │ ├── Embed │ │ ├── Embed.js │ │ └── index.js │ ├── Modal │ │ ├── Modal.js │ │ ├── ModalActions.js │ │ ├── ModalContent.js │ │ ├── ModalDescription.js │ │ ├── ModalHeader.js │ │ └── index.js │ ├── Popup │ │ ├── Popup.js │ │ ├── PopupContent.js │ │ ├── PopupHeader.js │ │ └── index.js │ ├── Progress │ │ ├── Progress.js │ │ └── index.js │ ├── Rating │ │ ├── Rating.js │ │ ├── RatingIcon.js │ │ └── index.js │ └── Search │ │ ├── Search.js │ │ ├── SearchCategory.js │ │ ├── SearchResult.js │ │ ├── SearchResults.js │ │ └── index.js ├── umd.js └── views │ ├── Card │ ├── Card.js │ ├── CardContent.js │ ├── CardDescription.js │ ├── CardGroup.js │ ├── CardHeader.js │ ├── CardMeta.js │ └── index.js │ ├── Comment │ ├── Comment.js │ ├── CommentAction.js │ ├── CommentActions.js │ ├── CommentAuthor.js │ ├── CommentAvatar.js │ ├── CommentContent.js │ ├── CommentGroup.js │ ├── CommentMetadata.js │ ├── CommentText.js │ └── index.js │ ├── Feed │ ├── Feed.js │ ├── FeedContent.js │ ├── FeedDate.js │ ├── FeedEvent.js │ ├── FeedExtra.js │ ├── FeedLabel.js │ ├── FeedLike.js │ ├── FeedMeta.js │ ├── FeedSummary.js │ ├── FeedUser.js │ └── index.js │ ├── Item │ ├── Item.js │ ├── ItemContent.js │ ├── ItemDescription.js │ ├── ItemExtra.js │ ├── ItemGroup.js │ ├── ItemHeader.js │ ├── ItemImage.js │ ├── ItemMeta.js │ └── index.js │ └── Statistic │ ├── Statistic.js │ ├── StatisticGroup.js │ ├── StatisticLabel.js │ ├── StatisticValue.js │ └── index.js ├── test ├── .eslintrc ├── setup.js ├── specs │ ├── addons │ │ ├── Confirm-test.js │ │ ├── Portal │ │ │ └── Portal-test.js │ │ ├── Radio │ │ │ └── Radio-test.js │ │ ├── Select │ │ │ └── Select-test.js │ │ └── TextArea-test.js │ ├── collections │ │ ├── Breadcrumb │ │ │ ├── Breadcrumb-test.js │ │ │ ├── BreadcrumbDivider-test.js │ │ │ └── BreadcrumbSection-test.js │ │ ├── Form │ │ │ ├── Form-test.js │ │ │ ├── FormField-test.js │ │ │ ├── FormFieldButton-test.js │ │ │ ├── FormFieldCheckbox-test.js │ │ │ ├── FormFieldDropdown-test.js │ │ │ ├── FormFieldGroup-test.js │ │ │ ├── FormFieldInput-test.js │ │ │ ├── FormFieldRadio-test.js │ │ │ ├── FormFieldSelect-test.js │ │ │ └── FormFieldTextArea-test.js │ │ ├── Grid │ │ │ ├── Grid-test.js │ │ │ ├── GridColumn-test.js │ │ │ └── GridRow-test.js │ │ ├── Menu │ │ │ ├── Menu-test.js │ │ │ ├── MenuHeader-test.js │ │ │ ├── MenuItem-test.js │ │ │ └── MenuMenu-test.js │ │ ├── Message │ │ │ ├── Message-test.js │ │ │ ├── MessageContent-test.js │ │ │ ├── MessageHeader-test.js │ │ │ ├── MessageItem-test.js │ │ │ └── MessageList-test.js │ │ └── Table │ │ │ ├── Table-test.js │ │ │ ├── TableBody-test.js │ │ │ ├── TableCell-test.js │ │ │ ├── TableFooter-test.js │ │ │ ├── TableHeader-test.js │ │ │ ├── TableHeaderCell-test.js │ │ │ └── TableRow-test.js │ ├── commonTests.js │ ├── elements │ │ ├── Button │ │ │ ├── Button-test.js │ │ │ ├── ButtonContent-test.js │ │ │ ├── ButtonGroup-test.js │ │ │ └── ButtonOr-test.js │ │ ├── Container │ │ │ └── Container-test.js │ │ ├── Divider │ │ │ └── Divider-test.js │ │ ├── Flag │ │ │ └── Flag-test.js │ │ ├── Header │ │ │ ├── Header-test.js │ │ │ ├── HeaderContent-test.js │ │ │ └── HeaderSubheader-test.js │ │ ├── Icon │ │ │ ├── Icon-test.js │ │ │ └── IconGroup-test.js │ │ ├── Image │ │ │ ├── Image-test.js │ │ │ └── ImageGroup-test.js │ │ ├── Input │ │ │ └── Input-test.js │ │ ├── Label │ │ │ ├── Label-test.js │ │ │ ├── LabelDetail-test.js │ │ │ └── LabelGroup-test.js │ │ ├── List │ │ │ ├── List-test.js │ │ │ ├── ListContent-test.js │ │ │ ├── ListDescription-test.js │ │ │ ├── ListHeader-test.js │ │ │ ├── ListIcon-test.js │ │ │ ├── ListItem-test.js │ │ │ └── ListList-test.js │ │ ├── Loader │ │ │ └── Loader-test.js │ │ ├── Rail │ │ │ └── Rail-test.js │ │ ├── Reveal │ │ │ ├── Reveal-test.js │ │ │ └── RevealContent-test.js │ │ ├── Segment │ │ │ ├── Segment-test.js │ │ │ └── SegmentGroup-test.js │ │ └── Step │ │ │ ├── Step-test.js │ │ │ ├── StepContent-test.js │ │ │ ├── StepDescription-test.js │ │ │ ├── StepGroup-test.js │ │ │ └── StepTitle-test.js │ ├── lib │ │ ├── AutoControlledComponent-test.js │ │ ├── factories-test.js │ │ ├── getUnhandledProps-test.js │ │ ├── isBrowser-test.js │ │ ├── keyboardKey-test.js │ │ ├── numberToWord-test.js │ │ └── objectDiff-test.js │ ├── modules │ │ ├── Accordion │ │ │ ├── Accordion-test.js │ │ │ ├── AccordionContent-test.js │ │ │ └── AccordionTitle-test.js │ │ ├── Checkbox │ │ │ └── Checkbox-test.js │ │ ├── Dimmer │ │ │ ├── Dimmer-test.js │ │ │ └── DimmerDimmable-test.js │ │ ├── Dropdown │ │ │ ├── Dropdown-test.js │ │ │ ├── DropdownDivider-test.js │ │ │ ├── DropdownHeader-test.js │ │ │ ├── DropdownItem-test.js │ │ │ └── DropdownMenu-test.js │ │ ├── Embed │ │ │ └── Embed-test.js │ │ ├── Modal │ │ │ ├── Modal-test.js │ │ │ ├── ModalActions-test.js │ │ │ ├── ModalContent-test.js │ │ │ ├── ModalDescription-test.js │ │ │ └── ModalHeader-test.js │ │ ├── Popup │ │ │ ├── Popup-test.js │ │ │ ├── PopupContent-test.js │ │ │ └── PopupHeader-test.js │ │ ├── Progress │ │ │ └── Progress-test.js │ │ ├── Rating │ │ │ ├── Rating-test.js │ │ │ └── RatingIcon-test.js │ │ └── Search │ │ │ ├── Search-test.js │ │ │ ├── SearchCategory-test.js │ │ │ ├── SearchResult-test.js │ │ │ └── SearchResults-test.js │ └── views │ │ ├── Card │ │ ├── Card-test.js │ │ ├── CardContent-test.js │ │ ├── CardDescription-test.js │ │ ├── CardGroup-test.js │ │ ├── CardHeader-test.js │ │ └── CardMeta-test.js │ │ ├── Comment │ │ ├── Comment-test.js │ │ ├── CommentAction-test.js │ │ ├── CommentActions-test.js │ │ ├── CommentAuthor-test.js │ │ ├── CommentAvatar-test.js │ │ ├── CommentContent-test.js │ │ ├── CommentGroup-test.js │ │ ├── CommentMetadata-test.js │ │ └── CommentText-test.js │ │ ├── Feed │ │ ├── Feed-test.js │ │ ├── FeedContent-test.js │ │ ├── FeedDate-test.js │ │ ├── FeedEvent-test.js │ │ ├── FeedExtra-test.js │ │ ├── FeedLabel-test.js │ │ ├── FeedLike-test.js │ │ ├── FeedMeta-test.js │ │ ├── FeedSummary-test.js │ │ └── FeedUser-test.js │ │ ├── Item │ │ ├── Item-test.js │ │ ├── ItemContent-test.js │ │ ├── ItemDescription-test.js │ │ ├── ItemExtra-test.js │ │ ├── ItemGroup-test.js │ │ ├── ItemHeader-test.js │ │ ├── ItemImage-test.js │ │ └── ItemMeta-test.js │ │ └── Stastistic │ │ ├── Statistic-test.js │ │ ├── StatisticGroup-test.js │ │ ├── StatisticLabel-test.js │ │ └── StatisticValue-test.js ├── tests.bundle.js └── utils │ ├── assertNodeContains.js │ ├── consoleUtil.js │ ├── domEvent.js │ ├── index.js │ ├── sandbox.js │ └── syntheticEvent.js ├── webpack.config.js ├── webpack.dll.js └── webpack.umd.config.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "es2015", 4 | "react", 5 | "stage-1" 6 | ], 7 | "plugins": [ 8 | "lodash" 9 | ], 10 | "env": { 11 | "test": { 12 | "plugins": [ 13 | ["__coverage__", { "ignore": "test/" }] 14 | ] 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # http://editorconfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | 9 | # Change these settings to your own preference 10 | indent_style = space 11 | indent_size = 2 12 | 13 | # We recommend you to keep these unchanged 14 | end_of_line = lf 15 | charset = utf-8 16 | trim_trailing_whitespace = true 17 | insert_final_newline = true 18 | 19 | [*.md] 20 | trim_trailing_whitespace = false 21 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | coverage/* 2 | dist/* 3 | docs/build/* 4 | dll/* 5 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ### Steps 4 | 1. Do something. 5 | 2. Do something else. 6 | 7 | ### Expected Result 8 | 9 | ### Actual Result 10 | 11 | ### Version 12 | x.y.z 13 | 14 | ### Testcase 15 | Fork: http://codepen.io/levithomason/pen/ZpBaJX 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | npm-debug.log* 2 | node_modules/ 3 | bower_components/ 4 | coverage/ 5 | dist/ 6 | docs/build/ 7 | docs/app/docgenInfo.json 8 | dll/ 9 | 10 | .DS_Store 11 | .idea/ 12 | 13 | *.iml 14 | -------------------------------------------------------------------------------- /codecov.yml: -------------------------------------------------------------------------------- 1 | coverage: 2 | ignore: 3 | - src/factories.js 4 | - src/lib/* 5 | -------------------------------------------------------------------------------- /docs/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "globals": { 3 | "__BASE__": false, 4 | "__DEV__": false, 5 | "__DEBUG__": false, 6 | "__STAGING__": false, 7 | "__TEST__": false, 8 | "__PATH_SEP__": false, 9 | "__PROD__": false 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /docs/app/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /docs/app/App.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import { Router, useRouterHistory } from 'react-router' 3 | import { createHistory } from 'history' 4 | 5 | import routes from './routes' 6 | 7 | const history = useRouterHistory(createHistory)({ 8 | basename: __BASE__, 9 | }) 10 | 11 | export default class App extends Component { 12 | render() { 13 | return ( 14 | 15 | ) 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /docs/app/Components/Logo/Logo.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | import { Image } from 'src' 4 | 5 | const Logo = (props) => 6 | 7 | Logo.propTypes = Image.propTypes 8 | 9 | export default Logo 10 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Confirm/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Types from './Types' 3 | import Variations from './Variations' 4 | 5 | const ConfirmExamples = () => ( 6 |
7 | 8 | 9 |
10 | ) 11 | 12 | export default ConfirmExamples 13 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Radio/States/RadioExampleChecked.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Radio } from 'semantic-ui-react' 3 | 4 | const RadioExampleChecked = () => ( 5 | 6 | ) 7 | 8 | export default RadioExampleChecked 9 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Radio/States/RadioExampleDisabled.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Form, Radio } from 'semantic-ui-react' 3 | 4 | const RadioExampleDisabled = () => ( 5 |
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | ) 14 | 15 | export default RadioExampleDisabled 16 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Radio/States/RadioExampleReadOnly.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Radio } from 'semantic-ui-react' 3 | 4 | const RadioExampleReadOnly = () => ( 5 | 6 | ) 7 | 8 | export default RadioExampleReadOnly 9 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Radio/Types/RadioExampleRadio.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Radio } from 'semantic-ui-react' 3 | 4 | const RadioExampleRadio = () => ( 5 | 6 | ) 7 | 8 | export default RadioExampleRadio 9 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Radio/Types/RadioExampleSlider.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Radio } from 'semantic-ui-react' 3 | 4 | const RadioExampleSlider = () => ( 5 | 6 | ) 7 | 8 | export default RadioExampleSlider 9 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Radio/Types/RadioExampleToggle.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Radio } from 'semantic-ui-react' 3 | 4 | const RadioExampleToggle = () => ( 5 | 6 | ) 7 | 8 | export default RadioExampleToggle 9 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Radio/Variations/RadioExampleFitted.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Radio, Segment } from 'semantic-ui-react' 3 | 4 | const RadioExampleFitted = () => ( 5 |
6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | ) 17 | 18 | export default RadioExampleFitted 19 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Radio/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Types from './Types' 3 | import States from './States' 4 | import Variations from './Variations' 5 | 6 | const RadioExamples = () => ( 7 |
8 | 9 | 10 | 11 |
12 | ) 13 | 14 | export default RadioExamples 15 | -------------------------------------------------------------------------------- /docs/app/Examples/addons/Select/Types/SelectExample.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Select } from 'semantic-ui-react' 3 | 4 | import { countryOptions } from '../common' 5 | // [{ value: 'af', flag: 'af', text: 'Afghanistan' }, ...{}] 6 | 7 | const SelectExample = () => ( 8 |