search

ryanve / interfaces

Interface ideas
0 stars 0 forks source link

Input field with message states #1

Open ryanve opened 7 years ago

ryanve commented 7 years ago 
<Field>
  <Label>
    <Ident>Name</Ident>
    <Input>
    <Success>Hooray</Success>
    <Error>Whoops</Error>
  </Label>
</Field>
ryanve commented 7 years ago 
<Field>
  <Label>
    <Ident>Name</Ident>
    <Input>
    <Message success>Hooray</Message>
    <Message danger>Whoops</Message>
  </Label>
</Field>
ryanve commented 7 years ago 
<Field>
  <Label>
    <Ident>Name</Ident>
    <Input>
    <If condition={isSuccess}><Message success>Hooray</Message></If>
    <If condition={isError}><Message danger>Whoops</Message></If>
  </Label>
</Field>
ryanve commented 7 years ago 
<Field>
  <Label>
    <Ident>Name</Ident>
    <Input>
    <Message success if={isSuccess}>Hooray</Message>
    <Message danger if={isDanger}>Whoops</Message>
  </Label>
</Field>
ryanve commented 7 years ago 
<Field>
  <Label>
    <Ident>Name</Ident>
    <Input>
    <Show if={isSuccess}><Message success>Hooray</Message></Show>
    <Show if={isError}><Message danger>Whoops</Message></Show>
  </Label>
</Field>
ryanve commented 7 years ago 
<Field>
  <Tactile>
    <Ident>Name</Ident>
    <Input>
    <Show if={isSuccess}><Message success>Hooray</Message></Show>
    <Show if={isError}><Message danger>Whoops</Message></Show>
  </Tactile>
</Field>