import { Config } from '@dojo/parade' ; import dojoTheme from '@dojo/widgets/theme/dojo' ; import materialTheme from '@dojo/widgets/theme/material' ; import BasicAccordionPane from './widgets/accordion/Basic' ; import BasicAvatar from './widgets/avatar/Basic' ; import ImageAvatar from './widgets/avatar/Image' ; import AvatarVariant from './widgets/avatar/Variant' ; import AvatarSize from './widgets/avatar/Size' ; import AvatarIcon from './widgets/avatar/Icon' ; import AvatarSecondary from './widgets/avatar/Secondary' ; import AvatarOutlines from './widgets/avatar/Outline' ; import Exclusive from './widgets/accordion/Exclusive' ; import BasicActionButton from './widgets/action-button/Basic' ; import BasicBreadcrumbGroup from './widgets/breadcrumb-group/Basic' ; import CustomRendererBreadcrumbGroup from './widgets/breadcrumb-group/CustomRenderer' ; import BasicButton from './widgets/button/Basic' ; import TextButton from './widgets/button/TextButton' ; import OutlinedButton from './widgets/button/OutlinedButton' ; import DisabledSubmit from './widgets/button/DisabledSubmit' ; import IconButton from './widgets/button/IconButton' ; import BasicCalendar from './widgets/calendar/Basic' ; import FirstDayOfWeekCalendar from './widgets/calendar/CustomFirstWeekDay' ; import LimitedRange from './widgets/calendar/LimitedRange' ; import InitialMonthAndYear from './widgets/calendar/InitialMonthAndYear' ; import FullyControlledCalendar from './widgets/calendar/FullyControlled' ; import ActionButtons from './widgets/card/ActionButtons' ; import ActionButtonsAndIcons from './widgets/card/ActionButtonsAndIcons' ; import ActionIcons from './widgets/card/ActionIcons' ; import BasicCard from './widgets/card/Basic' ; import OutlinedCard from './widgets/card/Outlined' ; import CardCombined from './widgets/card/CardCombined' ; import CardWithMediaContent from './widgets/card/CardWithMediaContent' ; import CardWithMediaRectangle from './widgets/card/CardWithMediaRectangle' ; import CardWithMediaSquare from './widgets/card/CardWithMediaSquare' ; import BasicHeaderCard from './widgets/header-card/Basic' ; import OutlinedHeaderCard from './widgets/header-card/Outlined' ; import MediaHeaderCard from './widgets/header-card/MediaCard' ; import ActionHeaderCard from './widgets/header-card/ActionCard' ; import BasicCheckboxGroup from './widgets/checkbox-group/Basic' ; import CustomLabelCheckboxGroup from './widgets/checkbox-group/CustomLabel' ; import CustomRendererCheckboxGroup from './widgets/checkbox-group/CustomRenderer' ; import InitialValueCheckboxGroup from './widgets/checkbox-group/InitialValue' ; import ControlledCheckboxGroup from './widgets/checkbox-group/Controlled' ; import BasicCheckbox from './widgets/checkbox/Basic' ; import DisabledCheckbox from './widgets/checkbox/Disabled' ; import ReadonlyCheckbox from './widgets/checkbox/Readonly' ; import CustomLabelCheckbox from './widgets/checkbox/CustomLabel' ; import BasicChip from './widgets/chip/Basic' ; import ClickableChip from './widgets/chip/Clickable' ; import ClickableClosableChip from './widgets/chip/ClickableClosable' ; import ClosableChip from './widgets/chip/Closable' ; import ClosableRendererChip from './widgets/chip/ClosableRenderer' ; import DisabledChip from './widgets/chip/Disabled' ; import IconChip from './widgets/chip/Icon' ; import BasicContextMenu from './widgets/context-menu/Basic' ; import BasicConstrainedInput from './widgets/constrained-input/Basic' ; import Username from './widgets/constrained-input/Username' ; import BasicContextPopup from './widgets/context-popup/Basic' ; import BasicDialog from './widgets/dialog/Basic' ; import CloseableDialog from './widgets/dialog/CloseableDialog' ; import ModalDialog from './widgets/dialog/ModalDialog' ; import UnderlayDialog from './widgets/dialog/UnderlayDialog' ; import AlertDialog from './widgets/dialog/AlertDialog' ; import AnimatedDialog from './widgets/dialog/AnimatedDialog' ; import FocusTrappedDialog from './widgets/dialog/FocusTrappedDialog' ; import ActionsDialog from './widgets/dialog/ActionsDialog' ; import BasicEmailInput from './widgets/email-input/Basic' ; import Advanced from './widgets/grid/Advanced' ; import BasicFab from './widgets/floating-action-button/Basic' ; import ExtendedFab from './widgets/floating-action-button/Extended' ; import SmallFab from './widgets/floating-action-button/Small' ; import PositionFab from './widgets/floating-action-button/Position' ; import BasicForm from './widgets/form/Basic' ; import ControlledForm from './widgets/form/Basic' ; import ValidationForm from './widgets/form/Validation' ; import InitialValueForm from './widgets/form/InitialValueForm' ; import FillingForm from './widgets/form/FillingForm' ; import RequiredFieldsForm from './widgets/form/RequiredFieldsForm' ; import DisabledFieldsForm from './widgets/form/DisabledFieldsForm' ; import DisabledForm from './widgets/form/DisabledForm' ; import ResettingForm from './widgets/form/ResettingForm' ; import SubmitForm from './widgets/form/SubmitForm' ; import KitchenSinkForm from './widgets/form/KitchenSinkForm' ; import ActionForm from './widgets/form/ActionForm' ; import BasicGrid from './widgets/grid/Basic' ; import ColumnResize from './widgets/grid/ColumnResize' ; import CustomCellRenderer from './widgets/grid/CustomCellRenderer' ; import GridCustomFilterRenderer from './widgets/grid/CustomFilterRenderer' ; import CustomSortRenderer from './widgets/grid/CustomSortRenderer' ; import EditableCells from './widgets/grid/EditableCells' ; import Filtering from './widgets/grid/Filtering' ; import Paginated from './widgets/grid/Paginated' ; import Restful from './widgets/grid/Restful' ; import RowSelection from './widgets/grid/RowSelection' ; import Sorting from './widgets/grid/Sorting' ; import AltTextIcon from './widgets/icon/AltText' ; import BasicIcons from './widgets/icon/Basic' ; import IconButtonTypes from './widgets/icon/IconButton' ; import IconSizes from './widgets/icon/Sizes' ; import BasicLabel from './widgets/label/Basic' ; import HiddenLabel from './widgets/label/HiddenLabel' ; import InvalidLabel from './widgets/label/InvalidLabel' ; import DisabledLabel from './widgets/label/DisabledLabel' ; import SecondaryLabel from './widgets/label/SecondaryLabel' ; import BasicList from './widgets/list/Basic' ; import FillList from './widgets/list/Fill' ; import DividedList from './widgets/list/Dividers' ; import ControlledList from './widgets/list/Controlled' ; import ItemRenderer from './widgets/list/ItemRenderer' ; import ListItemRenderer from './widgets/list/ListItemRenderer' ; import FetchedResource from './widgets/list/FetchedResource' ; import DisabledList from './widgets/list/Disabled' ; import DraggableList from './widgets/list/Draggable' ; import CustomThemeList from './widgets/list/CustomTheme' ; import Menu from './widgets/list/Menu' ; import CustomTransformer from './widgets/list/CustomTransformer' ; import BasicChipTypeahead from './widgets/chip-typeahead/Basic' ; import ControlledChipTypeahead from './widgets/chip-typeahead/Controlled' ; import DisabledChipTypeahead from './widgets/chip-typeahead/Disabled' ; import CustomRendererChipTypeahead from './widgets/chip-typeahead/CustomRenderer' ; import BottomChipTypeahead from './widgets/chip-typeahead/BottomPlacement' ; import DuplicatesChipTypeahead from './widgets/chip-typeahead/Duplicates' ; import FreeTextChipTypeahead from './widgets/chip-typeahead/FreeText' ; import KindsChipTypeahead from './widgets/chip-typeahead/Kinds' ; import BasicNumberInput from './widgets/number-input/Basic' ; import ValidatedNumberInput from './widgets/number-input/Validation' ; import LeadingTrailingNumberInput from './widgets/number-input/LeadingTrailing' ; import BasicPassword from './widgets/password-input/Basic' ; import NoRules from './widgets/password-input/NoRules' ; import DisabledPassword from './widgets/password-input/Disabled' ; import BasicTriggerPopup from './widgets/trigger-popup/Basic' ; import MenuTriggerPopup from './widgets/trigger-popup/MenuPopup' ; import SetWidth from './widgets/trigger-popup/SetWidth' ; import Underlay from './widgets/trigger-popup/Underlay' ; import BasicProgress from './widgets/progress/Basic' ; import ProgressWithChangingValues from './widgets/progress/ProgressWithChangingValues' ; import ProgressWithCustomOutput from './widgets/progress/ProgressWithCustomOutput' ; import ProgressWithMax from './widgets/progress/ProgressWithMax' ; import ProgressWithoutOutput from './widgets/progress/ProgressWithoutOutput' ; import BasicRadio from './widgets/radio/Basic' ; import EventsRadio from './widgets/radio/Events' ; import DisabledRadio from './widgets/radio/Disabled' ; import LabelledRadio from './widgets/radio/Labelled' ; import BasicRadioGroup from './widgets/radio-group/Basic' ; import ControlledRadioGroup from './widgets/radio-group/Basic' ; import CustomLabelRadioGroup from './widgets/radio-group/CustomLabel' ; import CustomRendererRadioGroup from './widgets/radio-group/CustomRenderer' ; import InitialValueRadioGroup from './widgets/radio-group/InitialValue' ; import BasicRangeSlider from './widgets/range-slider/Basic' ; import MinMaxRangeSlider from './widgets/range-slider/MinMax' ; import TooltipRangeSlider from './widgets/range-slider/Tooltip' ; import EventsRangeSlider from './widgets/range-slider/Events' ; import DisabledRangeSlider from './widgets/range-slider/Disabled' ; import RequiredRangeSlider from './widgets/range-slider/Required' ; import LabelledRangeSlider from './widgets/range-slider/Labelled' ; import ControlledRangeSlider from './widgets/range-slider/Controlled' ; import AdditionalText from './widgets/select/AdditionalText' ; import BasicSelect from './widgets/select/Basic' ; import ControlledSelect from './widgets/select/Controlled' ; import CustomRenderer from './widgets/select/CustomRenderer' ; import DisabledSelect from './widgets/select/DisabledSelect' ; import RequiredSelect from './widgets/select/RequiredSelect' ; import BasicSlidePane from './widgets/slide-pane/Basic' ; import RightAlignSlidePane from './widgets/slide-pane/RightAlignSlidePane' ; import LeftAlignSlidePane from './widgets/slide-pane/LeftAlignSlidePane' ; import BottomAlignSlidePane from './widgets/slide-pane/BottomAlignSlidePane' ; import UnderlaySlidePane from './widgets/slide-pane/UnderlaySlidePane' ; import FixedWidthSlidePane from './widgets/slide-pane/FixedWidthSlidePane' ; import BasicSlider from './widgets/slider/Basic' ; import SliderWithCustomOutput from './widgets/slider/SliderWithCustomOutput' ; import DisabledSlider from './widgets/slider/DisabledSlider' ; import VerticalSlider from './widgets/slider/VerticalSlider' ; import SliderWithNoOutput from './widgets/slider/SliderWithNoOutput' ; import SliderWithValidityCheck from './widgets/slider/SliderWithValidityCheck' ; import ControlledSlider from './widgets/slider/Controlled' ; import BasicSnackbar from './widgets/snackbar/Basic' ; import ErrorSnackbar from './widgets/snackbar/Error' ; import LeadingSnackbar from './widgets/snackbar/Leading' ; import StackedSnackbar from './widgets/snackbar/Stacked' ; import SuccessSnackbar from './widgets/snackbar/Success' ; import BasicSpeedDial from './widgets/speed-dial/Basic' ; import DirectionSpeedDial from './widgets/speed-dial/Direction' ; import PositionSpeedDial from './widgets/speed-dial/Position' ; import CustomIconSpeedDial from './widgets/speed-dial/CustomIcons' ; import LabelsSpeedDial from './widgets/speed-dial/VisualLabels' ; import TitleText from './widgets/speed-dial/TitleText' ; import BasicSwitch from './widgets/switch/Basic' ; import DisabledSwitch from './widgets/switch/Disabled' ; import BasicTabContainer from './widgets/tab-container/Basic' ; import VariableWidthTabContainer from './widgets/tab-container/VariableWidth' ; import ControlledTabContainer from './widgets/tab-container/Controlled' ; import ButtonAlignmentTabContainer from './widgets/tab-container/ButtonAlignment' ; import CloseableTabContainer from './widgets/tab-container/Closeable' ; import DisabledTabContainer from './widgets/tab-container/Disabled' ; import BasicTextArea from './widgets/text-area/Basic' ; import ControlledTextArea from './widgets/text-area/Controlled' ; import TextAreaWithLabel from './widgets/text-area/Label' ; import DisabledTextArea from './widgets/text-area/Disabled' ; import HelperTextTextArea from './widgets/text-area/HelperText' ; import HiddenLabelTextArea from './widgets/text-area/HiddenLabel' ; import ValidatedCustomTextArea from './widgets/text-area/ValidatedCustom' ; import ValidatedRequiredTextArea from './widgets/text-area/ValidatedRequired' ; import KindsTextArea from './widgets/text-area/Kinds' ; import BasicTextInput from './widgets/text-input/Basic' ; import ControlledTextInput from './widgets/text-input/Controlled' ; import DisabledTextInput from './widgets/text-input/Disabled' ; import HelperTextInput from './widgets/text-input/HelperText' ; import HiddenLabelTextInput from './widgets/text-input/HiddenLabel' ; import PlaceholderTextInput from './widgets/text-input/Placeholder' ; import LeadingTrailingTextInput from './widgets/text-input/LeadingTrailing' ; import ValidatedTextInput from './widgets/text-input/Validated' ; import TextInputWithLabel from './widgets/text-input/WithLabel' ; import KindTextInput from './widgets/text-input/Kinds' ; import BasicThreeColumnLayout from './widgets/three-column-layout/Basic' ; import TwelveHourTimePicker from './widgets/time-picker/12HourTime' ; import BasicTimePicker from './widgets/time-picker/Basic' ; import ControlledTimePicker from './widgets/time-picker/Controlled' ; import DisabledTimePicker from './widgets/time-picker/Disabled' ; import DisabledMenuItemsTimePicker from './widgets/time-picker/DisabledMenuItems' ; import RequiredTimePicker from './widgets/time-picker/Required' ; import SelectBySecondTimePicker from './widgets/time-picker/SelectBySecond' ; import KindTimePicker from './widgets/time-picker/Kind' ; import BasicTitlePane from './widgets/title-pane/Basic' ; import ControlledTitlePane from './widgets/title-pane/Controlled' ; import HeadingLevel from './widgets/title-pane/HeadingLevel' ; import NonCloseable from './widgets/title-pane/NonCloseable' ; import BasicTooltip from './widgets/tooltip/Basic' ; import ClickTooltip from './widgets/tooltip/Click' ; import FocusTooltip from './widgets/tooltip/Focus' ; import BasicNativeSelect from './widgets/native-select/Basic' ; import ControlledNativeSelect from './widgets/native-select/ControlledNativeSelect' ; import BasicDateInput from './widgets/date-input/Basic' ; import ControlledDateInput from './widgets/date-input/Controlled' ; import DisabledDateInput from './widgets/date-input/Disabled' ; import ReadOnlyDateInput from './widgets/date-input/ReadOnly' ; import RequiredDateInput from './widgets/date-input/Required' ; import CustomParserDateInput from './widgets/date-input/CustomParser' ; import KindDateInput from './widgets/date-input/Kind' ; import BasicLoadingIndicator from './widgets/loading-indicator/Basic' ; import CircularLoadingIndicator from './widgets/loading-indicator/Circular' ; import BasicHeader from './widgets/header/Basic' ; import LeadingHeader from './widgets/header/Leading' ; import StickyHeader from './widgets/header/Sticky' ; import TrailingHeader from './widgets/header/Trailing' ; import BasicStack from './widgets/stack/Basic' ; import VStackLayouts from './widgets/stack/VerticalStackLayouts' ; import HStackLayouts from './widgets/stack/HorizontalStackLayouts' ; import BasicRate from './widgets/rate/Basic' ; import HalfRate from './widgets/rate/AllowHalf' ; import ControlledRate from './widgets/rate/Controlled' ; import CustomIconRate from './widgets/rate/CustomIcon' ; import ReadOnlyRate from './widgets/rate/ReadOnly' ; import BasicGlobalEvent from './widgets/global-event/Basic' ; import Pagination from './widgets/pagination/Basic' ; import PaginationPageSizeSelector from './widgets/pagination/PageSizeSelector' ; import PaginationControlled from './widgets/pagination/Controlled' ; import PaginationSiblingCount from './widgets/pagination/SiblingCount' ; import BasicTypeahead from './widgets/typeahead/Basic' ; import RemoteTypeahead from './widgets/typeahead/RemoteSource' ; import ValidatedTypeahead from './widgets/typeahead/Validation' ; import FreeTextTypeahead from './widgets/typeahead/FreeText' ; import InitialValueTypeahead from './widgets/typeahead/InitialValue' ; import ControlledTypeahead from './widgets/typeahead/Controlled' ; import DisabledTypeahead from './widgets/typeahead/Disabled' ; import KindTypeahead from './widgets/typeahead/Kind' ; import BasicTwoColumnLayout from './widgets/two-column-layout/Basic' ; import TrailingBiasTwoColumnLayout from './widgets/two-column-layout/TrailingBias' ; import CollapsingLayout from './widgets/two-column-layout/Collapsing' ; import ResizableTwoColumnLayout from './widgets/two-column-layout/Resize' ; import BasicResult from './widgets/result/Basic' ; import AlertResult from './widgets/result/Alert' ; import ErrorResult from './widgets/result/Error' ; import SuccessResult from './widgets/result/Success' ; import CustomIconResult from './widgets/result/CustomIcon' ; import BasicWizard from './widgets/wizard/Basic' ; import StepRendererWizard from './widgets/wizard/StepRenderer' ; import StepContentWizard from './widgets/wizard/StepContent' ; import VerticalWizard from './widgets/wizard/Vertical' ; import ErrorWizard from './widgets/wizard/Error' ; import BasicText from './widgets/text/Basic' ; import SizeText from './widgets/text/Size' ; import InverseText from './widgets/text/Inverse' ; import TruncatedText from './widgets/text/Truncated' ; import UppercaseText from './widgets/text/Uppercase' ; import WeightText from './widgets/text/Weight' ; import CustomNodeTypeText from './widgets/text/CustomNodeType' ; import OverrideFontText from './widgets/text/OverrideFont' ; import BasicTree from './widgets/tree/Basic' ; import CheckableTree from './widgets/tree/Checkable' ; import CustomRendererTree from './widgets/tree/CustomRenderer' ; import ControlledTree from './widgets/tree/Controlled' ; import RemoteSource from './widgets/tree/RemoteSource' ; import InitialStateTree from './widgets/tree/InitialState' ; import PopupConfirmation from './widgets/popup-confirmation/Basic' ; import PopupConfirmationUnderlay from './widgets/popup-confirmation/Underlay' ; import ClickableCard from './widgets/card/ClickableCard' ; import * as dojoDarkVariant from '@dojo/widgets/theme/dojo/variants/dark.m.css' ; import * as materialDarkVariant from '@dojo/widgets/theme/material/variants/dark.m.css' ; import './data' ; `!has('docs')` ; import * as testsContext from './tests' ; const tests = typeof testsContext !== 'undefined' && typeof testsContext . default !== 'undefined' ? testsContext . default : { keys : ( ) => [ ] } ; const dojoDarkTheme = { theme : { ... dojoTheme . theme } , variants : { default : dojoDarkVariant } } ; const materialDarkTheme = { theme : { ... materialTheme . theme } , variants : { default : materialDarkVariant } } ; export const config = { name : '@dojo/widgets' , home : 'src/examples/README.md' , themes : [ { label : 'material' , theme : materialTheme } , { label : 'dojo' , theme : dojoTheme } , { label : 'dojo-dark' , theme : dojoDarkTheme } , { label : 'material-dark' , theme : materialDarkTheme } , { label : 'default' , theme : { theme : { } } } ] , tests , readmePath : ( widget ) => `src/${ widget }/README.md` , widgetPath : ( widget ) => `src/${ widget }/index.tsx` , examplePath : ( widget , filename ) => `src/examples/src/widgets/${ widget }/${ filename || 'index' }.tsx` , codesandboxPath : ( widget , filename , themeName ? ) => { return `https://codesandbox.io/s/github/dojo/widgets/tree/master/src/examples?fontsize=14&initialpath=%23%2Fwidget%2F${ widget }%2Fsandbox%2F${ filename . toLowerCase ( ) }?theme=${ themeName }&module=%2Fsrc%2Fwidgets%2F${ widget }%2F${ filename }.tsx` ; } , widgets : { accordion : { examples : [ { filename : 'Exclusive' , module : Exclusive } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicAccordionPane } } } , 'action-button' : { filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicActionButton } } } , avatar : { examples : [ { title : 'Avatar with image' , filename : 'Image' , module : ImageAvatar } , { title : 'Avatar variants' , filename : 'Variant' , module : AvatarVariant } , { title : 'Avatar with secondary colors' , filename : 'Secondary' , module : AvatarSecondary } , { title : 'Avatar sizes' , filename : 'Size' , module : AvatarSize } , { title : 'Avatar with Icons' , filename : 'Icon' , module : AvatarIcon } , { title : 'Avatar with outline styles' , filename : 'Outline' , module : AvatarOutlines } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicAvatar } } } , 'breadcrumb-group' : { examples : [ { filename : 'CustomRenderer' , module : CustomRendererBreadcrumbGroup , title : 'Custom Renderer' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicBreadcrumbGroup } } } , button : { examples : [ { filename : 'TextButton' , module : TextButton , title : 'Text Button' } , { filename : 'OutlinedButton' , module : OutlinedButton , title : 'Outlined Button' } , { filename : 'DisabledSubmit' , module : DisabledSubmit , title : 'Disabled Submit Button' } , { filename : 'IconButton' , module : IconButton , title : 'Icon within a button' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicButton } } } , calendar : { examples : [ { filename : 'CustomFirstWeekDay' , module : FirstDayOfWeekCalendar , title : 'Custom First Day of Week' } , { description : 'Demonstrates limiting the selectable region of the calendar.' , filename : 'LimitedRange' , module : LimitedRange , title : 'Limited Date Range' } , { description : 'Demonstrates initializing month and year, and monitoring changes' , filename : 'InitialMonthAndYear' , module : InitialMonthAndYear , title : 'Initial month and year' } , { description : 'Shows a fully controlled calendar' , filename : 'FullyControlled' , module : FullyControlledCalendar , title : 'Fully controlled' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicCalendar } } } , card : { examples : [ { title : 'Basic outlined Card' , module : OutlinedCard , filename : 'Outlined' } , { title : 'Basic Card with Action Buttons' , module : ActionButtons , filename : 'ActionButtons' } , { title : 'Basic Card with Action Icons' , module : ActionIcons , filename : 'ActionIcons' } , { title : 'Basic Card with Actions and Icons' , module : ActionButtonsAndIcons , filename : 'ActionButtonsAndIcons' } , { title : 'Basic card with 16x9 Media' , module : CardWithMediaRectangle , filename : 'CardWithMediaRectangle' } , { title : 'Basic card with Square Media' , module : CardWithMediaSquare , filename : 'CardWithMediaSquare' } , { title : 'Basic card with Content Media' , module : CardWithMediaContent , filename : 'CardWithMediaContent' } , { title : 'Card with header, content, media, and actions' , module : CardCombined , filename : 'CardCombined' } , { title : 'Clickable Card' , module : ClickableCard , filename : 'ClickableCard' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicCard } } } , 'header-card' : { examples : [ { title : 'Basic HeaderCard with Action Buttons' , module : ActionHeaderCard , filename : 'ActionCard' } , { title : 'Header Card with media' , module : MediaHeaderCard , filename : 'MediaCard' } , { title : 'Outlined Header Card' , module : OutlinedHeaderCard , filename : 'Outlined' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicHeaderCard } } } , checkbox : { filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicCheckbox } } , examples : [ { title : 'Disabled' , module : DisabledCheckbox , filename : 'Disabled' } , { title : 'Readonly' , module : ReadonlyCheckbox , filename : 'Readonly' } , { title : 'Custom Label' , module : CustomLabelCheckbox , filename : 'CustomLabel' } ] } , 'checkbox-group' : { examples : [ { filename : 'InitialValue' , module : InitialValueCheckboxGroup , title : 'Initial Value' } , { filename : 'CustomLabel' , module : CustomLabelCheckboxGroup , title : 'Custom Label' } , { filename : 'CustomRenderer' , module : CustomRendererCheckboxGroup , title : 'Custom Renderer' } , { filename : 'Controlled' , module : ControlledCheckboxGroup , title : 'Controlled' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicCheckboxGroup } } } , chip : { examples : [ { filename : 'Icon' , module : IconChip , title : 'Icon' } , { filename : 'Clickable' , module : ClickableChip , title : 'Clickable' } , { filename : 'Disabled' , module : DisabledChip , title : 'Disabled' } , { filename : 'Closable' , module : ClosableChip , title : 'Closable' } , { filename : 'ClosableRenderer' , module : ClosableRendererChip , title : 'Closable Renderer' } , { filename : 'ClickableClosable' , module : ClickableClosableChip , title : 'Clickable and Closable' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicChip } } } , 'constrained-input' : { examples : [ { filename : 'Username' , module : Username , title : 'Username' } ] , overview : { example : { filename : 'Basic' , module : BasicConstrainedInput } } } , 'context-menu' : { overview : { example : { filename : 'Basic' , module : BasicContextMenu , sandbox : true , size : 'medium' } } } , 'date-input' : { filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicDateInput , sandbox : true , size : 'large' } } , examples : [ { filename : 'Controlled' , module : ControlledDateInput , sandbox : true , size : 'large' , title : 'Controlled date input' } , { filename : 'Disabled' , module : DisabledDateInput , sandbox : true , size : 'large' , title : 'Disabled date input' } , { filename : 'ReadOnly' , module : ReadOnlyDateInput , sandbox : true , size : 'large' , title : 'Read only date input' } , { filename : 'Required' , module : RequiredDateInput , sandbox : true , size : 'large' , title : 'Required date input' } , { filename : 'CustomParser' , module : CustomParserDateInput , sandbox : true , size : 'large' , title : 'Custom parser date input' } , { filename : 'Kind' , module : KindDateInput , sandbox : true , size : 'large' , title : 'Default and outlined date input' } ] } , 'context-popup' : { overview : { example : { filename : 'Basic' , module : BasicContextPopup , sandbox : true , size : 'medium' } } } , dialog : { examples : [ { filename : 'UnderlayDialog' , module : UnderlayDialog , title : 'Dialog with and Underlay' , sandbox : true , size : 'medium' } , { filename : 'ModalDialog' , module : ModalDialog , title : 'Modal Dialog' , sandbox : true , size : 'medium' } , { filename : 'CloseableDialog' , module : CloseableDialog , title : 'Dialog with Configurable Closeability' , sandbox : true , size : 'medium' } , { filename : 'AlertDialog' , module : AlertDialog , title : 'Alert Dialog' , sandbox : true , size : 'medium' } , { filename : 'AnimatedDialog' , module : AnimatedDialog , title : 'Animated Dialog' , sandbox : true , size : 'medium' } , { filename : 'FocusTrappedDialog' , module : FocusTrappedDialog , title : 'Focus Trapping' , sandbox : true , size : 'medium' } , { filename : 'ActionsDialog' , module : ActionsDialog , title : 'Actions Dialog' , sandbox : true , size : 'medium' } ] , overview : { example : { filename : 'Basic' , module : BasicDialog , sandbox : true , size : 'medium' } } } , 'email-input' : { filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicEmailInput } } } , 'floating-action-button' : { overview : { example : { filename : 'Basic' , module : BasicFab } } , examples : [ { title : 'Extended FAB' , module : ExtendedFab , filename : 'Extended' } , { title : 'Small FAB' , module : SmallFab , filename : 'Small' } , { filename : 'Position' , module : PositionFab , title : 'With a position' , sandbox : true , size : 'large' } ] } , form : { examples : [ { title : 'Basic form with validation' , module : ValidationForm , filename : 'Validation' } , { title : 'Basic form with an initial value' , module : InitialValueForm , filename : 'InitialValueForm' } , { title : 'Basic controlled form' , module : ControlledForm , filename : 'Controlled' } , { title : 'Basic form with fill button' , module : FillingForm , filename : 'FillingForm' } , { title : 'Basic form with required fields' , module : RequiredFieldsForm , filename : 'RequiredFieldsForm' } , { title : 'Basic form with disabled fields' , module : DisabledFieldsForm , filename : 'DisabledFieldsForm' } , { title : 'Basic form with whole form disabling' , module : DisabledForm , filename : 'DisabledForm' } , { title : 'Basic form with reset button' , module : ResettingForm , filename : 'ResettingForm' } , { title : 'Basic form with onSubmit' , module : SubmitForm , filename : 'SubmitForm' } , { title : 'Form with all available options' , module : KitchenSinkForm , filename : 'KitchenSinkForm' } , { title : 'Action form with a name' , module : ActionForm , filename : 'ActionForm' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicForm } } } , 'global-event' : { filename : 'index' , overview : { example : { module : BasicGlobalEvent , filename : 'Basic' } } } , grid : { examples : [ { filename : 'Sorting' , module : Sorting , title : 'Grid with Sorting' } , { filename : 'Filtering' , module : Filtering , title : 'Grid with Filtered Columns' } , { filename : 'CustomCellRenderer' , module : CustomCellRenderer , title : 'Grid with Custom Cell Rendering' } , { filename : 'CustomFilterRenderer' , module : GridCustomFilterRenderer , title : 'Grid with Custom Filter Renderer' } , { filename : 'CustomSortRenderer' , module : CustomSortRenderer , title : 'Grid with Customized Sort Rendering' } , { filename : 'ColumnResize' , module : ColumnResize , title : 'Grid with resizable columns' } , { filename : 'Paginated' , module : Paginated , title : 'Grid with traditional pagination' } , { filename : 'RowSelection' , module : RowSelection , title : 'Grid with row selection' } , { filename : 'Restful' , module : Restful , title : 'Grid with Data Loaded from a Remote Resource (REST)' } , { description : 'Demonstrates using the grid utilities to support editable cells' , filename : 'EditableCells' , module : EditableCells , title : 'Grid with Editable Cells' } , { description : 'Advanced grid demonstrating all features working together, including remote data, editable cells, pagination, filtering, resizable columns and sorting' , filename : 'Advanced' , module : Advanced , title : 'Advanced Grid' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicGrid } } } , header : { examples : [ { filename : 'Leading' , module : LeadingHeader , title : 'With leading element' } , { filename : 'Trailing' , module : TrailingHeader , title : 'With trailing element' } , { filename : 'Sticky' , module : StickyHeader , sandbox : true , size : 'medium' , title : 'With fixed positioning' } ] , filename : 'index' , overview : { example : { module : BasicHeader , filename : 'Basic' } } } , icon : { examples : [ { filename : 'AltText' , module : AltTextIcon , title : 'With alt text' } , { filename : 'IconButton' , module : IconButtonTypes , title : 'Icon within different kinds of buttons' } , { filename : 'Sizes' , module : IconSizes , title : 'Icon Sizes' } ] , overview : { example : { filename : 'Basic' , module : BasicIcons } } } , label : { overview : { example : { filename : 'Basic' , module : BasicLabel , sandbox : true } } , examples : [ { filename : 'HiddenLabel' , module : HiddenLabel , title : 'Hidden Label' , sandbox : true } , { filename : 'InvalidLabel' , module : InvalidLabel , title : 'Invalid Label' , sandbox : true } , { filename : 'DisabledLabel' , module : DisabledLabel , title : 'Disabled Label' , sandbox : true } , { filename : 'SecondaryLabel' , module : SecondaryLabel , title : 'Secondary Label' } ] } , 'loading-indicator' : { filename : 'index' , overview : { example : { module : BasicLoadingIndicator , filename : 'Basic' } } , examples : [ { filename : 'Circular' , module : CircularLoadingIndicator , title : 'Circular Loader' } ] } , list : { examples : [ { description : 'In this example, an activeIndex and onActiveIndexChange property are passed into the List allowing for the active list item to be controlled.' , filename : 'Controlled' , module : ControlledList , title : 'Controlled Active Index' } , { filename : 'ItemRenderer' , module : ItemRenderer , title : 'Item Renderer' } , { filename : 'ListItemRenderer' , module : ListItemRenderer , title : 'ListItem Renderer' } , { description : 'This example shows the menu used as a Listbox. This allows for a selection to be made and persisted. Useful for user selections and within selects / typeahead etc.' , filename : 'Menu' , module : Menu , title : 'Menu Mode' } , { filename : 'FetchedResource' , module : FetchedResource , title : 'Rest fetched resource' } , { filename : 'CustomTransformer' , module : CustomTransformer , title : 'Custom transform to match resource format' } , { description : 'This example shows usage of the divider property on a menu item to trigger the menu to render with a divider after that item' , filename : 'Dividers' , module : DividedList , title : 'Dividers' } , { description : 'This example shows how to disable a list item, even if the item is not marked as disabled in the resource.' , filename : 'Disabled' , module : DisabledList , title : 'Disabled' } , { description : 'This example shows how items within a list can be reordered via drag-and-drop.' , filename : 'Draggable' , module : DraggableList , title : 'Draggable' } , { description : 'This example shows how the list can fill available space when the container has a height' , filename : 'Fill' , module : FillList , title : 'Fill' } , { description : 'This example shows how list items can be easily themed' , filename : 'CustomTheme' , module : CustomThemeList , title : 'CustomTheme' } ] , overview : { example : { filename : 'Basic' , module : BasicList } } } , 'native-select' : { overview : { example : { filename : 'Basic' , module : BasicNativeSelect } } , examples : [ { title : 'Contolled Native Select' , filename : 'ControlledNativeSelect' , module : ControlledNativeSelect } ] } , 'password-input' : { overview : { example : { filename : 'Basic' , module : BasicPassword } } , examples : [ { title : 'No Rules' , filename : 'NoRules' , module : NoRules } , { title : 'Disabled' , filename : 'Disabled' , module : DisabledPassword } ] } , rate : { overview : { example : { filename : 'Basic' , module : BasicRate } } , examples : [ { title : 'Half Ratings' , module : HalfRate , filename : 'AllowHalf' } , { title : 'Controlled Ratings' , module : ControlledRate , filename : 'Controlled' } , { title : 'Custom Icons' , module : CustomIconRate , filename : 'CustomIcon' } , { title : 'Read Only Mode' , module : ReadOnlyRate , filename : 'ReadOnly' } ] } , 'trigger-popup' : { overview : { example : { filename : 'Basic' , module : BasicTriggerPopup , sandbox : true , size : 'medium' } } , examples : [ { title : 'Underlay' , filename : 'Underlay' , module : Underlay , sandbox : true , size : 'medium' } , { title : 'Set Width' , filename : 'SetWidth' , module : SetWidth , sandbox : true , size : 'medium' } , { title : 'Menu Popup' , filename : 'MenuPopup' , module : MenuTriggerPopup , sandbox : true , size : 'medium' } ] } , 'chip-typeahead' : { overview : { example : { filename : 'Basic' , module : BasicChipTypeahead } } , examples : [ { title : 'Controlled' , filename : 'Controlled' , module : ControlledChipTypeahead } , { title : 'Disabled' , filename : 'Disabled' , module : DisabledChipTypeahead } , { title : 'Custom Renderer' , filename : 'CustomRenderer' , module : CustomRendererChipTypeahead } , { title : 'Bottom Placement' , filename : 'BottomPlacement' , module : BottomChipTypeahead } , { title : 'Duplicates' , filename : 'Duplicates' , module : DuplicatesChipTypeahead } , { title : 'Free Text' , filename : 'FreeText' , module : FreeTextChipTypeahead } , { title : 'Kinds' , filename : 'Kinds' , module : KindsChipTypeahead } ] } , 'number-input' : { overview : { example : { filename : 'Basic' , module : BasicNumberInput } } , examples : [ { title : 'Validation' , filename : 'Validation' , module : ValidatedNumberInput } , { filename : 'LeadingTrailing' , module : LeadingTrailingNumberInput , title : 'NumberInput with leading and trailing' } ] } , pagination : { examples : [ { filename : 'PageSizeSelector' , module : PaginationPageSizeSelector , title : 'Page Size Selection' } , { filename : 'Controlled' , module : PaginationControlled , title : 'Fully Controlled' } , { filename : 'SiblingCount' , module : PaginationSiblingCount , title : 'Sibling Count' } ] , overview : { example : { filename : 'Basic' , module : Pagination } } } , progress : { examples : [ { filename : 'ProgressWithChangingValues' , module : ProgressWithChangingValues } , { filename : 'ProgressWithMax' , module : ProgressWithMax } , { filename : 'ProgressWithCustomOutput' , module : ProgressWithCustomOutput } , { filename : 'ProgressWithoutOutput' , module : ProgressWithoutOutput } ] , overview : { example : { filename : 'Basic' , module : BasicProgress } } } , 'popup-confirmation' : { overview : { example : { filename : 'Basic' , module : PopupConfirmation , sandbox : true , size : 'medium' } } , examples : [ { filename : 'Underlay' , module : PopupConfirmationUnderlay , title : 'Visible Underlay' , sandbox : true , size : 'medium' } ] } , radio : { overview : { example : { filename : 'Basic' , module : BasicRadio } } , examples : [ { filename : 'Labelled' , module : LabelledRadio , title : 'Labelled Radio Button' } , { filename : 'Disabled' , module : DisabledRadio , title : 'Disabled Radio Button' } , { filename : 'Events' , module : EventsRadio , title : 'Radio Button Events' } ] } , 'radio-group' : { examples : [ { filename : 'Controlled' , module : ControlledRadioGroup , title : 'Controlled radio group' } , { filename : 'InitialValue' , module : InitialValueRadioGroup , title : 'Initial Value' } , { filename : 'CustomLabel' , module : CustomLabelRadioGroup , title : 'Custom Label' } , { filename : 'CustomRenderer' , module : CustomRendererRadioGroup , title : 'Custom Renderer' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicRadioGroup } } } , 'range-slider' : { overview : { example : { filename : 'Basic' , module : BasicRangeSlider } } , examples : [ { filename : 'Labelled' , module : LabelledRangeSlider , title : 'Labelled' } , { filename : 'MinMax' , module : MinMaxRangeSlider , title : 'Minimum and Maximum Values' } , { filename : 'Events' , module : EventsRangeSlider , title : 'Events' } , { filename : 'Tooltip' , module : TooltipRangeSlider , title : 'Display Tooltip Output' } , { filename : 'Required' , module : RequiredRangeSlider , title : 'Required' } , { filename : 'Disabled' , module : DisabledRangeSlider , title : 'Disabled' } , { filename : 'Controlled' , module : ControlledRangeSlider , title : 'Controlled' } ] } , result : { overview : { example : { filename : 'Basic' , module : BasicResult } } , examples : [ { filename : 'Alert' , module : AlertResult , title : 'Alert' } , { filename : 'Error' , module : ErrorResult , title : 'Error' } , { filename : 'Success' , module : SuccessResult , title : 'Success' } , { filename : 'CustomIcon' , module : CustomIconResult , title : 'Custom Icon' } ] } , select : { overview : { example : { filename : 'Basic' , module : BasicSelect , sandbox : true , size : 'medium' } } , examples : [ { filename : 'Controlled' , module : ControlledSelect , sandbox : true , title : 'Controlled Select' , size : 'medium' } , { filename : 'AdditionalText' , module : AdditionalText , title : 'Additional Text' , sandbox : true , size : 'medium' } , { filename : 'DisabledSelect' , module : DisabledSelect , title : 'Disabled Select' , sandbox : true , size : 'medium' } , { filename : 'RequiredSelect' , module : RequiredSelect , title : 'Required Select' , sandbox : true , size : 'medium' } , { filename : 'CustomRenderer' , module : CustomRenderer , title : 'Custom Item Renderer' , sandbox : true , size : 'medium' } ] } , 'slide-pane' : { overview : { example : { filename : 'Basic' , module : BasicSlidePane , sandbox : true , size : 'large' } } , examples : [ { filename : 'RightAlignSlidePane' , module : RightAlignSlidePane , title : 'Right Aligned Slide Pane' , sandbox : true , size : 'large' } , { filename : 'LeftAlignSlidePane' , module : LeftAlignSlidePane , title : 'Left Aligned Slide Pane' , sandbox : true , size : 'large' } , { filename : 'BottomAlignSlidePane' , module : BottomAlignSlidePane , title : 'Bottom Aligned Slide Pane' , sandbox : true , size : 'large' } , { filename : 'UnderlaySlidePane' , module : UnderlaySlidePane , title : 'Underlaid Slide Pane' , sandbox : true , size : 'large' } , { filename : 'FixedWidthSlidePane' , module : FixedWidthSlidePane , title : 'Fixed Width Slide Pane' , sandbox : true , size : 'large' } ] } , slider : { overview : { example : { filename : 'Basic' , module : BasicSlider } } , examples : [ { filename : 'SliderWithCustomOutput' , module : SliderWithCustomOutput } , { filename : 'DisabledSlider' , module : DisabledSlider } , { filename : 'VerticalSlider' , module : VerticalSlider } , { filename : 'SliderWithNoOutput' , module : SliderWithNoOutput } , { filename : 'SliderWithValidityCheck' , module : SliderWithValidityCheck } , { filename : 'Controlled' , module : ControlledSlider } ] } , snackbar : { overview : { example : { filename : 'Basic' , module : BasicSnackbar , sandbox : true , size : 'small' } } , examples : [ { filename : 'Error' , module : ErrorSnackbar , title : 'Error Snackbar' , sandbox : true , size : 'small' } , { filename : 'Success' , module : SuccessSnackbar , title : 'Success Snackbar' , sandbox : true , size : 'small' } , { filename : 'Stacked' , module : StackedSnackbar , title : 'Stacked Snackbar' , sandbox : true , size : 'small' } , { filename : 'Leading' , module : LeadingSnackbar , title : 'Leading Snackbar' , sandbox : true , size : 'small' } ] } , 'speed-dial' : { overview : { example : { filename : 'Basic' , module : BasicSpeedDial , sandbox : true , size : 'medium' } } , examples : [ { filename : 'Direction' , module : DirectionSpeedDial , sandbox : true , size : 'medium' , title : 'With a direction' } , { filename : 'Position' , module : PositionSpeedDial , sandbox : true , size : 'medium' , title : 'With a position' } , { filename : 'CustomIcons' , module : CustomIconSpeedDial , sandbox : true , size : 'medium' , title : 'With custom icons' } , { filename : 'TitleText' , module : TitleText , sandbox : true , size : 'medium' , title : 'Title Text on Actions' } , { filename : 'VisualLabels' , module : LabelsSpeedDial , sandbox : true , size : 'medium' , title : 'Visual labels on Actions' } ] } , switch : { examples : [ { filename : 'Disabled' , module : DisabledSwitch , title : 'Disabled' } ] , overview : { example : { filename : 'Basic' , module : BasicSwitch } } } , 'tab-container' : { examples : [ { filename : 'Controlled' , module : ControlledTabContainer , title : 'Controlled TabContainer' } , { filename : 'Disabled' , module : DisabledTabContainer , title : 'TabContainer with disabled tabs' } , { filename : 'ButtonAlignment' , module : ButtonAlignmentTabContainer , title : 'TabContainer with adjustable button alignment' } , { filename : 'Closeable' , module : CloseableTabContainer , title : 'TabContainer with closeable tab' } , { filename : 'VariableWidth' , module : VariableWidthTabContainer , title : 'TabContainer with scrollable variable width tabs' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicTabContainer } } } , text : { overview : { example : { filename : 'Basic' , module : BasicText } } , examples : [ { filename : 'Size' , module : SizeText , title : 'Demo the Text sizes available' } , { filename : 'Weight' , module : WeightText , title : 'Demo the Text weights available' } , { filename : 'Truncated' , module : TruncatedText , title : 'Text that truncates with an ellipsis' } , { filename : 'Uppercase' , module : UppercaseText , title : 'Text that transforms to uppercase' } , { filename : 'Inverse' , module : InverseText , title : 'Text with the inverse color' } , { filename : 'CustomNodeType' , module : CustomNodeTypeText , title : 'Renders text with a custom node type' } , { filename : 'OverrideFont' , module : OverrideFontText , title : 'Override the font-family variable' } ] } , 'text-area' : { examples : [ { filename : 'Controlled' , module : ControlledTextArea , title : 'Controlled text area' } , { filename : 'Label' , module : TextAreaWithLabel , title : 'Textarea with label' } , { filename : 'Disabled' , module : DisabledTextArea , title : 'Disabled' } , { filename : 'HelperText' , module : HelperTextTextArea , title : 'Helper text' } , { filename : 'HiddenLabel' , module : HiddenLabelTextArea , title : 'Hidden label' } , { filename : 'ValidatedCustom' , module : ValidatedCustomTextArea , title : 'Validated with custom validator' } , { filename : 'ValidatedRequired' , module : ValidatedRequiredTextArea , title : 'Validated required' } , { filename : 'Kinds' , module : KindsTextArea , title : 'Kinds' } ] , overview : { example : { filename : 'Basic' , module : BasicTextArea } } } , 'text-input' : { examples : [ { filename : 'WithLabel' , module : TextInputWithLabel , title : 'TextInput with Label' } , { filename : 'HiddenLabel' , module : HiddenLabelTextInput , title : 'TextInput with hidden label' } , { filename : 'Placeholder' , module : PlaceholderTextInput , title : 'TextInput with placeholder and no label' } , { filename : 'Controlled' , module : ControlledTextInput , title : 'Controlled TextInput' } , { filename : 'Disabled' , module : DisabledTextInput , title : 'Disabled TextInput' } , { filename : 'Validated' , module : ValidatedTextInput , title : 'Validated TextInput' } , { filename : 'HelperText' , module : HelperTextInput , title : 'TextInput with helper text' } , { filename : 'LeadingTrailing' , module : LeadingTrailingTextInput , title : 'TextInput with leading and trailing' } , { filename : 'Kinds' , module : KindTextInput , title : 'Kinds' } ] , filename : 'index' , overview : { example : { filename : 'Basic' , module : BasicTextInput } } } , 'three-column-layout' : { overview : { example : { filename : 'Basic' , module : BasicThreeColumnLayout } } } , 'time-picker' : { examples : [ { filename : 'Controlled' , module : ControlledTimePicker , title : 'Controlled time picker' } , { filename : 'DisabledMenuItems' , module : DisabledMenuItemsTimePicker , title : 'Disabled menu items' } , { filename : 'Disabled' , module : DisabledTimePicker , title : 'Disabled time picker' } , { filename : 'SelectBySecond' , module : SelectBySecondTimePicker , title : 'Select time by the second' } , { filename : '12HourTime' , module : TwelveHourTimePicker , title : '12 hour time' } , { filename : 'Required' , module : RequiredTimePicker , title : 'Required time picker' } , { filename : 'Kind' , module : KindTimePicker , title : 'Default and outlined time picker' } ] , overview : { example : { filename : 'Basic' , module : BasicTimePicker } } } , 'title-pane' : { examples : [ { filename : 'HeadingLevel' , module : HeadingLevel , title : 'Defined aria heading level' } , { filename : 'NonCloseable' , module : NonCloseable , title : 'Non closeable' } , { filename : 'Controlled' , module : ControlledTitlePane , title : 'Controlled title pane' } ] , overview : { example : { filename : 'Basic' , module : BasicTitlePane } } } , tooltip : { examples : [ { filename : 'Focus' , module : FocusTooltip , title : 'Show on focus' } , { filename : 'Click' , module : ClickTooltip , title : 'Show on click' } ] , overview : { example : { filename : 'Basic' , module : BasicTooltip } } } , tree : { examples : [ { filename : 'Checkable' , module : CheckableTree , title : 'Checkable Nodes' } , { filename : 'CustomRenderer' , module : CustomRendererTree , title : 'Custom Renderer' } , { filename : 'Controlled' , module : ControlledTree , title : 'Controlled Usage' } , { filename : 'RemoteSource' , module : RemoteSource , title : 'Remote Source' } , { filename : 'InitialState' , module : InitialStateTree , title : 'Tree with initial state' } ] , overview : { example : { filename : 'Basic' , module : BasicTree } } } , 'two-column-layout' : { examples : [ { filename : 'TrailingBias' , module : TrailingBiasTwoColumnLayout , title : 'Trailing section bias' } , { filename : 'Collapsing' , module : CollapsingLayout , title : 'Collapsing columns' } , { filename : 'Resize' , module : ResizableTwoColumnLayout , title : 'Resizable columns' } ] , overview : { example : { filename : 'Basic' , module : BasicTwoColumnLayout } } } , typeahead : { examples : [ { filename : 'RemoteSource' , module : RemoteTypeahead , title : 'Remote Source' , sandbox : true , size : 'large' } , { filename : 'Validation' , module : ValidatedTypeahead , title : 'Validation' , sandbox : true , size : 'large' } , { filename : 'FreeText' , module : FreeTextTypeahead , title : 'Free Text Typeahead' , sandbox : true , size : 'large' } , { filename : 'InitialValue' , module : InitialValueTypeahead , title : 'Initial Value Typeahead' , sandbox : true , size : 'large' } , { filename : 'Controlled' , module : ControlledTypeahead , title : 'Controlled Typeahead' , sandbox : true , size : 'large' } , { filename : 'Disabled' , module : DisabledTypeahead , title : 'Disabled Typeahead' , sandbox : true , size : 'large' } , { filename : 'Kind' , module : KindTypeahead , title : 'Default or Outlined Typeahead' , sandbox : true , size : 'large' } ] , overview : { example : { filename : 'Basic' , module : BasicTypeahead , sandbox : true , size : 'large' } } } , stack : { overview : { example : { filename : 'Basic' , module : BasicStack } } , examples : [ { filename : 'VerticalStackLayouts' , module : VStackLayouts , title : 'Vertical Stack Layouts' } , { filename : 'HorizontalStackLayouts' , module : HStackLayouts , title : 'Horizontal Stack Layouts' } ] } , wizard : { overview : { example : { filename : 'Basic' , module : BasicWizard } } , examples : [ { filename : 'Vertical' , module : VerticalWizard , title : 'Vertical Wizard' } , { filename : 'Error' , module : ErrorWizard , title : 'Wizard with an error' } , { filename : 'StepRenderer' , module : StepRendererWizard , title : 'Custom step renderer' } , { filename : 'StepContent' , module : StepContentWizard , title : 'Step content' } ] } } } ; export default config ;