The Elix elements are a collection of web components implementing extremely common general-purpose user interface patterns.
These elements are all designed to satisfy the Gold Standard checklist for Web Components, and so are intended to be immediately useful in your web projects.
Since no solution is perfect for everyone, all of these elements are extensively customizable. They are also built from smaller mixins that you can recombine to suit your needs. These mixins each fill different roles in the Elix render pipeline. You may find the Elix elements helpful as reference examples.
Elements
- AlertDialog
- AutoCompleteComboBox
- AutoCompleteInput
- AutoSizeTextarea
- Backdrop
- Button
- CalendarDay
- CalendarDayButton
- CalendarDayNamesHeader
- CalendarDays
- CalendarMonth
- CalendarMonthNavigator
- CalendarMonthYearHeader
- Carousel
- CarouselSlideshow
- CarouselWithThumbnails
- CenteredStrip
- CheckListItem
- ComboBox
- CrossfadeStage
- DateComboBox
- DateInput
- Dialog
- Drawer
- DrawerWithGrip
- DropdownList
- ExpandablePanel
- ExpandableSection
- Explorer
- FilterComboBox
- FilterListBox
- HamburgerMenuButton
- Hidden
- Input
- ListBox
- ListComboBox
- ListExplorer
- ListWithSearch
- Menu
- MenuButton
- MenuItem
- MenuSeparator
- ModalBackdrop
- Modes
- MultiSelectListBox
- NumberSpinBox
- OpenCloseToggle
- Option
- OptionList
- Overlay
- OverlayFrame
- PlainAlertDialog
- PlainArrowDirectionButton
- PlainAutoCompleteComboBox
- PlainAutoCompleteInput
- PlainAutoSizeTextarea
- PlainBackdrop
- PlainBorderButton
- PlainButton
- PlainCalendarDay
- PlainCalendarDayButton
- PlainCalendarDayNamesHeader
- PlainCalendarDays
- PlainCalendarMonth
- PlainCalendarMonthNavigator
- PlainCalendarMonthYearHeader
- PlainCarousel
- PlainCarouselSlideshow
- PlainCarouselWithThumbnails
- PlainCenteredStrip
- PlainCenteredStripHighlight
- PlainCenteredStripOpacity
- PlainCheckListItem
- PlainChoice
- PlainComboBox
- PlainCrossfadeStage
- PlainDateComboBox
- PlainDateInput
- PlainDialog
- PlainDrawer
- PlainDrawerWithGrip
- PlainDropdownList
- PlainExpandablePanel
- PlainExpandableSection
- PlainExpandCollapseToggle
- PlainExplorer
- PlainFilterComboBox
- PlainFilterListBox
- PlainHamburgerMenuButton
- PlainHidden
- PlainInput
- PlainListBox
- PlainListComboBox
- PlainListExplorer
- PlainListWithSearch
- PlainMenu
- PlainMenuButton
- PlainMenuItem
- PlainMenuSeparator
- PlainModalBackdrop
- PlainModes
- PlainMultiSelectListBox
- PlainNumberSpinBox
- PlainOpenCloseToggle
- PlainOptionList
- PlainOverlay
- PlainOverlayFrame
- PlainPageDot
- PlainPopup
- PlainPopupButton
- PlainPopupSource
- PlainProgressSpinner
- PlainPullToRefresh
- PlainRepeatButton
- PlainSelectableButton
- PlainSlideshow
- PlainSlideshowWithPlayControls
- PlainSlidingPages
- PlainSlidingStage
- PlainSpinBox
- PlainTabButton
- PlainTabs
- PlainTabStrip
- PlainToast
- Popup
- PopupButton
- PopupSource
- ProgressSpinner
- PullToRefresh
- ReactiveElement
- RepeatButton
- SeamlessButton
- SelectableButton
- Slideshow
- SlideshowWithPlayControls
- SlidingPages
- SlidingStage
- SpinBox
- TabButton
- Tabs
- TabStrip
- Toast
- TooltipButton
- UpDownToggle
- WrappedStandardElement