0.1.0 - for testing
Pre-release
Pre-release
ground-control
base classinput-control
supports basicinput
andselect
types
(but not files, checkboxes, or radios)toggle-control
supports solo and grouped toggles- Built-in WebC components
- Control element attributes:
id="<control-id>"
[optional]:
A standard HTML id for referencing the controldata-for="<selector>"
[defaults to:root
]:
the elements to updatedata-prop="<css-property-name>"
[optional]:
the CSS property to setdata-attr="<attribute-name>"
[optional]:
the HTML attribute to setdata-local="<localStorage-key>"
[optional]:
store and retrieve the value fromlocalStorage
data-session="<sessionStorage-key>"
[optional]:
store and retrieve the value fromsessionStorage
data-event="<event-name>"
[optional]:
only used byinput-control
at this point,
which can listen for eitherchange
(the default) orinput
data-off="<value>"
[optional]:
the value to use when no other value is selected
(primarily for toggles, but also useful withselect
)
button
element attributes insidetoggle-control
:data-value
[defaults to thebutton.innerText
]:
provide a value for the toggle
that is different from the text of the buttonaria-pressed
[optional]:
set the initial pressed state of each toggle
(only one in a group can be active at a time)
- Support for
output
displays andreset
buttons:- Using the
id
of theinput
/select
or thetoggle-control
… <output for="<control-id>">
:
will set theoutput
as a display for the control<button data-reset="<control-id-list>">
:
will use the button to clear the referenced controls
- Using the