WPDS Documentation & Resources

export default function Example() {
  return (
    <Box css={{ display: "flex", flexDirection: "column", gap: "$050" }}>
      <InputText icon="right" label="Search">
        <Icon label="">
          <Search />
        </Icon>
      </InputText>
      <InputText icon="left" label="Email">
        <Icon label="">
          <Email />
        </Icon>
      </InputText>
      <InputText icon="right" label="Label"></InputText>
    </Box>
  );
}