facebook
Traded Co logo
Submit a Deal

Custom Buttons Testing

PRIMARY:

SECONDARY:

ternary:

TEXT:

BLUE:

Custom Input Testing

You will notice that when adding a supporting text the input changes in size, this can be fixed by adding an empty string (' ') in the helperText prop to the imputs that dont need a helper text. This will result on a taller input, but it fixes the issue, click the button below to see the difference. Let me know if the taller inputs are an issue, if they are not, I can do this in a more simple way
SIMPLE INPUT:

Supporting text

Supporting text

Supporting text

INPUT WITH LEFT IMAGE:
image icon

image icon

Supporting text

image icon

image icon

image icon

INPUT WITH RIGHT IMAGE:
image icon

image icon

Supporting text

image icon

image icon

image icon

INPUT WITH TWO IMAGES:
image icon
image icon

image icon
image icon

Supporting text

image icon
image icon

image icon
image icon

image icon
image icon

Input Playground:

Has error?
Is it disabled?
Left Icon
Right Icon