Css 带浮动输入标签的物料ui芯片输入

我已经安装了material ui芯片输入，以便在我的一个输入字段上使用标记。我想要一个标签，所以我使用了他们用于其他输入的材质ui默认标签。但当用户点击时，输入需要收缩

我在下面附上我的代码和设计截图。请随时帮忙。提前谢谢

(13/30)
标题
手柄更换（芯片）}
/>

删除自定义的

标签

并添加

芯片输入

属性

label=“Title”

，您将得到想要的结果

对于第二个

标签

，我在属性

helperText

中添加了一个

类名

，然后我将使用CSS进行一些自定义

<div className={`${styles.input_range} form_design`}>
    <ChipInput
    className="customChipInput"
    label="Title"
    helperText="(13/30)"
    defaultValue={['Science', 'Arts']}
    // onChange={(chips) => handleChange(chips)}
    />
</div>

你可以查看我的代码片段

有关组件属性的详细信息，请查看

---

你能在示例中添加一个代码箱来帮助你吗？我已经从material ui中附加了我正在使用的代码，但还没有使用CSS

.customChipInput p {
  width: fit-content;
  position: absolute;
  bottom: 30px;
  right: 0;
}