WDSComponents is a library designed for easily creating and accessing components for the Fandom Design System.

Usage

To utilize the WDSComponents library, you can use the window.dev.wdsc property.

Importing the script

Components

This library currently contains the following components:

• window.dev.wdsc.Spinner: Represents the loading spinner.
  • Properties:
    • size: The size of the loading spinner.
    • strokeWidth: Stroke width of the loading spinner.
    • isBlock: Whether the spinner is a block.
• window.dev.wdsc.Button: Represents the button.
  • Properties:
    • as: Whether to show the button as a link or a traditional button.
    • variant: The variant of the button.
    • fullWidth: whether the button is full-width.
    • disabled: Whether the button is disabled.
• window.dev.wdsc.FloatingButton: Represents the floating button.
  • Properties:
    • as: Whether to show the button as a link or a traditional button.
• window.dev.wdsc.FloatingButtonGroup: Represents the floating button group.
  • Properties:
    • isVertical: Whether the floating button group is vertical.
• window.dev.wdsc.Dropdown: Represents the dropdown.
  • Subcomponents:
    • Toggle: Represents the dropdown toggle.
    • Content: Represents the dropdown content.
• window.dev.wdsc.Tabs: Represents the tabs.
  • Subcomponents:
    • Wrapper: Represents the tab wrapper.
    • List: Represents the tab list.
    • Tab: Represents the tab item.
    • Label: Represents the tab label.

Planned Features

• Add the ability to create the following components:
  • Avatar
  • Banner Notification
  • Dialog
  • Input
  • Pill
  • Pulsating Dot
  • Switch
  • Toggle
  • Tooltip