Can I use base LWC in Aura component?

Question

I am trying to leverage the new lightning-input-rich-text component functionality(font sizing and link) in my Aura component. I have tried adding the component in many ways and none of them work. I get Invalid Descriptor Format.

Here is what i have tried:
<lightning-input-rich-text  ><lightning-input-rich-text>
<c:lightning-input-rich-text    ></c:lightning-input-rich-text>
<lightning:lightning-input-rich-text    ></lightning:lightning-input-rich-text>

Is this that I am trying even possible?

Answer 1

Yes you should be able to do this by wrapping up the LWC base component in a custom LWC Component. You can use custom LWC component in an Aura Component. Use this link to understand how to use custom LWC in aura component: https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.interop_aura_composition This way you should be able to use benifit of LWC with existing AURA Component.

    <!-- Wrapper LWC - - >
    <template>
           <lightning-input-rich-text ....></lightning-input-rich-text>
    </template>

    <!-- AURA cmp - - >
    <c:Wrapper onchange="{! c.changeHandler}" />

Answer 2

In Aura you write with Aura syntax, so you reference the components the same way you have always done in Aura regardless of what type of component it is (Aura or LWC)

<aura:component>
  <lightning:button/>
  <c:myFancyComponent/>
</aura:component>

Note that in the example above either component can be implemented in Aura or LWC and it will work the same.

There is no need for wrappers at all, that is done for you in a layer we call “interoperability”. The fundamental point of this layer is to abstract you from knowing anything about LWC if you are in Aura.