输入组 InputGroup

<div class="xxd-input-group" style="width:100%;max-width:320px">
  <span class="xxd-input-group__addon">https://</span>
  <input aria-label="子域名" value="today">
  <span class="xxd-input-group__suffix">.xiaoxiaodong.ai</span>
  <button class="xxd-btn" data-variant="ghost" data-size="sm">检查</button>
</div>

export function InputGroupDemo() {
  return (
    <InputGroup className="w-80">
      <InputGroup.Input aria-label="子域名" defaultValue="today" />
      <InputGroup.Suffix>.xiaoxiaodong.ai</InputGroup.Suffix>
    </InputGroup>
  );
}