:control_knobs: Compact GUI for fine-tuning parameters and monitoring value changes
.off()
to unlisten events (#579)native
to button click event (#542)transform: scale
(#584, thanks @kitschpatrol)TabApi
isn't refreshable (#570, #571)Thank you for using Tweakpane. This is the 4th release of the major version!
importState()
and exportState()
can import/export more informationmin
and max
of the slider, options
of the list, etc. without any workarounds.If you are currently using v3.x, migration guide can be useful for migration.
<script type="module">
to use the packageaddBinding()
to add input bindings (former addInput()
)addBinding()
with {readonly: true}
to add monitor bindings (former addMonitor()
)change
event for handling monitor updates instead of update
importState()
and exportState()
instead of importPreset()
and exportPreset()
lineCount
-> rows
TpChangeEvent.target.key
instead of TpChangeEvent.key
ListApi
-> ListBindingApi
SliderApi
-> SliderBladeApi
TextApi
-> TextBladeApi
SliderApi.maxValue
-> SliderBladeApi.max
SliderApi.minValue
-> SliderBladeApi.min
min
and max
of the slider, options
of the list, etc. without any workarounds.refresh()
and can be refreshed individually. (#510)Diff of `@tweakpane/plugin-template can be useful to know how to migrate your plugin to v4.
core
field to all types of plugins for checking compatibility. Use createPlugin()
to fill the core version.id
field to the plugin bundle.css
field from the plugin to the plugin bundle.@import '../../node_modules/@tweakpane/core/lib/sass/plugin';
-> @use '../../node_modules/@tweakpane/core/lib/sass/tp';
tp
to mixins, functions, and variables
.#{$prefix}-some
-> .#{tp.$prefix}-some
@extend %input
-> @extend %tp-input
InputBindingPlugin.api()
MonitorBindingPlugin.api()
var(--in-bg)
-> tp.cssVar('input-bg')
&.#{$prefix}-v-disabled
-> &#{tp.$disabled}
This is the first beta release for the next major version, v4. See the document for details, and the migration guide for upgrading from v3.