Changelog

1.0.12 Latest

New Added RadialMenu component.

Feature Added RadialMenu.Item slot for the RadialMenu component.

Feature Added RadialMenu.Selector slot for customizing the colored wedge and active slice of the RadialMenu.

Feature Added RadialMenu.Content slot for displaying static elements inside the center of the RadialMenu.

Feature Added RadialMenu.Indicator slot for rendering the rotating highlight arc that follows the currently selected item in the RadialMenu.

Feature Added RadialMenu.Icon slot for displaying a customizable pointer icon inside the indicator of the RadialMenu.

1.0.11

New Added Progress.Bar component.

Feature Added Progress.Bar.Fill slot for the Progress.Bar component.

New Added Progress.Circle component.

Feature Added Progress.Circle.Fill, Progress.Circle.Outline, and Progress.Circle.Text slots for the Progress.Circle component.

1.0.10

New Added a guide on how to work with the state of a component.

Feature Added an option for the Image, LiveView, BackgroundImage, and MaskImage to fill its container. The option can be enabled through the fill prop.

Feature

Top, Content and Bottom: added basis prop to set the flex-basis as a percentage. Allowing for quick layout customization.

Feature The size of the ColorPicker can now be changed through its size prop. Available sizes are: S, M, L, and XL.

Fix Dropdown: fixed dropdown trigger displaying the value of an option and not the content related to it.

Fix Dropdown: fixed dropdown options causing overflow when not visible.

Change Dropdown: make dropdown options invert their position when not enough space. Exposed inverted-class prop to customize the inverted state.

Fix Dropdown: fixed onChange not triggering when the changed option’s value is "".

Feature Scroll: Expose the inner html element of the scroll’s content with a ref.

1.0.9

New Added Keybinds component.

New Added Keybind component.

1.0.8

New Added Tooltip component for displaying informative tooltips.

New Added Toast component for displaying popups.

Change Modal: The component has been moved from src/components/Basic/Modal to src/components/Feedback/Modal folder!

1.0.7

New Revamped the default Menu UI at src/views/menu.

Feature Modal: added onOpen and onClose props.

Feature Tabs: onBeforeTabChange can now return false to cancel the switch. The handler now receives both the current and next tab.

Feature Segment: added class-selected prop for customizing its selected state.

Change Button: adjusted size scale (S/M/L are slightly smaller).

Fix Slider: fixed rounding issues with fractional values.

Fix Layout / Top, Content, Bottom: components now stretch to the container and fill remaining space. (Also applies to Content and Bottom.)

Fix Input components: dimensions are now easily customizable.

Fix Prevented onChange from firing on mount for Segment, Dropdown, ToggleButton, and XYSlider.

Fix Scroll: prevented onScroll from firing on mount.

1.0.6

New Added Carousel component.

Feature Added Carousel.Items, Carousel.Pagination, Carousel.Next, Carousel.Prev components for the Carousel component.

Feature Added Carousel.Item slot for the Carousel.Items component.

1.0.5

New Added List component.

Feature Added Item slot for the List component.

Feature Added Icon slots for the List.Icon component.

1.0.4

New Added Modal component.

Feature Added Overlay and Window slots for the Modal component.

1.0.3

New Added Pagination component.

Feature Added Control, and Item slots for the Pagination component.

1.0.2

New Added TextInput component.

New Added PasswordInput component.

New Added NumberInput component.

Feature Added Before, After, Input and Placeholder slots for the TextInput component.

Feature Added Before, After, Input and VisibilityButton slots for the PasswordInput component.

Feature Added IncreaseControl, DecreaseControl, Input and Placeholder slots for the NumberInput component.

1.0.1

New Added ColorPicker component for advanced color selection and manipulation.

New Added Accordion component.

Feature Added Panel, Heading, Icon and Body slots for the Accordion component.

1.0.0

New Added support for slots in components, allowing for more flexible and reusable component structures.

New Added Checkbox component.

New Added Radio component.

New Added ToggleButton component.

New Added Dropdown component.

New Added Stepper component.

New Added Segment component.

New Added Slider component.

New Added TextSlider component.

New Added XYSlider component.

Feature Added Indicator slot for the Segment component.

Feature Added Segment.Button slot for the Segment component to create segment options.

Feature Added Track, Fill, Thumb, Handle and Grid slots for the Slider component.

Feature Added Track, Fill, Thumb, Handle and Grid slots for the TextSlider component.

Feature Added Background and Handle slots for the XYSlider component.

Feature Added Content, Bar and Handle slots for the Scroll component.

Feature Added Label, Control and Indicator slots for the Checkbox component for easier customization.

Feature Added Radio.Button slot for the Radio component to create radio options.

Feature Added Radio.ButtonLabel, Radio.ButtonControl and Radio.ButtonIndicator for the Radio.Button slot to customize the radio button’s appearance and behavior.

Feature Added LabelLeft, LabelRight, Handle, Control and Indicator slots for the ToggleButton component for easier customization.

Feature Introduced Dropdown.Trigger, Dropdown.Placeholder, Dropdown.Icon, Dropdown.Track, and Dropdown.Handle slots for the Dropdown component, enabling enhanced customization of its appearance and behavior.

Feature Added the Dropdown.Options slot to the Dropdown component for creating dropdown options.

Feature Introduced Dropdown.Option within the Dropdown.Options slot to allow customization of individual dropdown options.

Feature Added the Stepper.Control slot to the Stepper component, allowing for greater customization of its design and functionality.

Feature Introduced the Stepper.Items slot to the Stepper component for defining stepper items.

Feature Introduced the Stepper.Item slot within Stepper.Items to allow the definition and customization of individual stepper items.

Feature Added a custom ESLint plugin to the main Gameface UI repository to alert developers when component slots are misused or do not adhere to the defined specifications.

Feature Added an option to use attr: for adding attributes to GamefaceUI components.

Fix Fixed reactivity in componentStyles.

Fix Fixed Transform component reactivity.

Fix Resolved an issue where clicking on the track did not move the scroll handle properly in the Scroll component.

Fix Resolved an issue where the scroll handle did not resize correctly when the scroll content’s size changed in the Scroll component.

0.0.1-beta

New GamefaceUI’s initial release.

New Core components for building intuitive game user interfaces.

New Seamless integration with the SolidJS framework for reactive and efficient UI development.

New Detailed documentation to help you get started quickly.

Feature Support for using SVGs as SolidJS components.

Feature Introduced a Vite plugin to optimize and transform UI source code for Gameface.

Feature Added a Vite plugin to convert style properties to class, enhancing performance by reducing inline styles and leveraging CSS for better caching and reusability.

Feature Simplified importing of UI assets with a new mechanism.