@synergy-design-system/vue
Version:
Vue3 wrappers for the Synergy Design System
112 lines (111 loc) • 4.12 kB
TypeScript
import { SynChangeEvent, SynInputEvent, SynInvalidEvent, SynRadioGroup } from '@synergy-design-system/components';
export type { SynChangeEvent } from '@synergy-design-system/components';
export type { SynInputEvent } from '@synergy-design-system/components';
export type { SynInvalidEvent } from '@synergy-design-system/components';
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
/**
* The radio group's label.
* Required for proper accessibility.
* If you need to display HTML, use the `label` slot
instead.
*/
label?: SynRadioGroup["label"];
/**
* The radio groups's help text.
* If you need to display HTML, use the `help-text` slot instead.
*/
helpText?: SynRadioGroup["helpText"];
/**
* The name of the radio group, submitted as a name/value pair with form data.
*/
name?: SynRadioGroup["name"];
/**
* The current value of the radio group, submitted as a name/value pair with form data.
*/
value?: SynRadioGroup["value"];
/**
* The radio group's size.
* This size will be applied to all child radios and radio buttons.
*/
size?: SynRadioGroup["size"];
/**
* By default, form controls are associated with the nearest containing `<form>` element.
* This attribute allows you
to place the form control outside of a form and associate it with the form that has this `id`.
* The form must be in
the same document or shadow root for this to work.
*/
form?: SynRadioGroup["form"];
/**
* Ensures a child radio is checked before allowing the containing form to submit.
*/
required?: SynRadioGroup["required"];
/**
* Support for two way data binding
*/
modelValue?: SynRadioGroup["value"];
}, {
nativeElement: import('vue').Ref<SynRadioGroup | undefined, SynRadioGroup | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"syn-invalid": (e: SynInvalidEvent) => any;
"syn-change": (e: SynChangeEvent) => any;
"syn-input": (e: SynInputEvent) => any;
"update:modelValue": (newValue: string | number) => any;
}, string, import('vue').PublicProps, Readonly<{
/**
* The radio group's label.
* Required for proper accessibility.
* If you need to display HTML, use the `label` slot
instead.
*/
label?: SynRadioGroup["label"];
/**
* The radio groups's help text.
* If you need to display HTML, use the `help-text` slot instead.
*/
helpText?: SynRadioGroup["helpText"];
/**
* The name of the radio group, submitted as a name/value pair with form data.
*/
name?: SynRadioGroup["name"];
/**
* The current value of the radio group, submitted as a name/value pair with form data.
*/
value?: SynRadioGroup["value"];
/**
* The radio group's size.
* This size will be applied to all child radios and radio buttons.
*/
size?: SynRadioGroup["size"];
/**
* By default, form controls are associated with the nearest containing `<form>` element.
* This attribute allows you
to place the form control outside of a form and associate it with the form that has this `id`.
* The form must be in
the same document or shadow root for this to work.
*/
form?: SynRadioGroup["form"];
/**
* Ensures a child radio is checked before allowing the containing form to submit.
*/
required?: SynRadioGroup["required"];
/**
* Support for two way data binding
*/
modelValue?: SynRadioGroup["value"];
}> & Readonly<{
"onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
"onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
"onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
"onUpdate:modelValue"?: ((newValue: string | number) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
nativeElement: unknown;
}, any>, {
default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};