Mantine UI – Search Box for React App Code

Search Box made with mantine ui code,

Search Box and Share Button

      <Group>
      <Input
          icon={<IconSearch size={16} />}
          variant="filled"
          placeholder="Search responses"
          radius="xl"
          size="sm"
          styles={(theme) => ({
            input: {
              borderColor: theme.colors.yellow[theme.fn.primaryShade()],
              borderWidth: 1,
              borderStyle: 'solid',
            },
          })}
        />
      <Tooltip label="Share">
        <ActionIcon variant="default"><IconShare3 size="2rem" /></ActionIcon>
      </Tooltip>
      
      </Group>

About the Author: smartcoder

You might like

Leave a Reply

Your email address will not be published. Required fields are marked *