A Boolean which, if true, indicates that the timezone must have a value before the form can be submitted
invalid
Boolean
false
Invalid boolean to allow validity access from higher level form errors
readonly
Boolean
false
A Boolean attribute which, if true, indicates that the timezone cannot be edited
disabled
Boolean
false
A Boolean attribute which is present if the timezone should be disabled
name
String
"cha-timezone"
The timezone's form name
timezoneLabel
String
""
The timezone's label
timezoneSubLabel
String
""
The timezone's sub label
errors
Array
[]
The skeleton's circle height
Examples
Default
exportconstDefault=()=>{consttimezoneLabel=text("Label","Please select your Timezone");consttimezoneSubLabel=text("Sub Label","");constreadonly=boolean("Read Only",false);constinvalid=boolean("Invalid",false);constrequired=boolean("Required",false);constdisabled=boolean("Disabled",false);returnhtml`<chameleon-timezone.timezoneLabel="${timezoneLabel}".timezoneSubLabel="${timezoneSubLabel}"?readonly="${readonly}"?required="${required}"?disabled="${disabled}"?invalid="${invalid}"></chameleon-timezone> `;};
Error State
exportconstErrorState=()=>html`<chameleon-timezonetimezoneLabel="Please select your Timezone"?invalid="${true}".errors="${["Field cannot be left blank"]}"></chameleon-timezone>`;