> InputButtonAdornment

InputButtonAdornment

Bouton icône avec bordure latérale, à placer en début ou fin d'input.

TagsuiExemples2StylesDisponibles

End

export const End = () => (
  <Box display="flex" flexDirection="column" gap={24}>
    <FormControl>
      <InputButtonAdornment icon="Eye" position="end" onPress={() => {}} />
    </FormControl>
    <FormControl>
      <InputButtonAdornment icon="X" position="end" onPress={() => {}} />
    </FormControl>
  </Box>
);

Start

export const Start = () => (
  <FormControl>
    <InputButtonAdornment icon="Plus" position="start" onPress={() => {}} />
  </FormControl>
);

Alveole UI Kit — v1.8.4