All files / src/inputadornment/_example InputAdornmentExample.jsx

100% Statements 3/3
100% Branches 0/0
100% Functions 2/2
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42                1x 3x           1x                                                    
import React from "react";
import { InputAdornment } from "@tencent/tea-component/lib/inputadornment";
import { Input } from "@tencent/tea-component/lib/input";
import { InputNumber } from "@tencent/tea-component/lib/inputnumber";
import { Select } from "@tencent/tea-component/lib/select";
 
export default function InputAdornmentExample() {
  const domainSelect = (
    <Select
      options={["tencent", "qq", "cloud.tencent"].map(value => ({ value }))}
      defaultValue="tencent"
      style={{ width: "auto" }}
    />
  );
 
  return (
    <>
      <section>
        <InputAdornment before="www.">
          <Input />
        </InputAdornment>
      </section>
 
      <section>
        <InputAdornment before="$" after=".00">
          <Input size="s" />
        </InputAdornment>
      </section>
 
      <section>
        <InputAdornment after=".com">{domainSelect}</InputAdornment>
      </section>
 
      <section>
        <InputAdornment after="Mbps" appearance="pure">
          <InputNumber />
        </InputAdornment>
      </section>
    </>
  );
}