Skip to content

Type Alias: RCustomFieldSlots

ts
type RCustomFieldSlots = Omit<VInputSlots & VFieldSlots, "default"> & {
  default: RCustomFieldInputSlotArg;
};

Slot definitions for RCustomField component.

Combines VInput and VField slots while replacing the default slot with a custom field-specific slot that provides rich props and utilities. Maintains compatibility with all Vuetify field slots (prepend, append, etc.) while enabling sophisticated custom implementations.

The default slot receives comprehensive props for building custom inputs that integrate seamlessly with Vuetify's field architecture.

Type Declaration

NameType
defaultRCustomFieldInputSlotArg

Example

vue
<RCustomField>
  <!-- Custom default slot with rich props -->
  <template #default="{ props, bus, isActive }">
    <MyCustomInput v-bind="props" />
  </template>

  <!-- Standard Vuetify slots work as expected -->
  <template #prepend>
    <VIcon>mdi-calendar</VIcon>
  </template>

  <template #append-inner>
    <VBtn icon size="small">
      <VIcon>mdi-close</VIcon>
    </VBtn>
  </template>
</RCustomField>