Auswahlfelder

Quelltext

import * as G from '.../components';
const items = [
  { key: 'lorem', label: 'Lorem' },
  { key: 'ipsum', label: 'Ipsum', selected: true },
  { key: 'dolor', label: 'Dolor', disabled: true },
];

<G.Select items={items} placeholder="Placeholder" />
<G.Select items={items} icon="envelope" placeholder="Placeholder" />
<G.Select items={items} icon="key" type="password" placeholder="Password" />
<G.Select items={items} textLeft="https://" placeholder="Placeholder" />
<G.Select items={items} textRight=".yourname.xyz" placeholder="Placeholder" />
<G.Select items={items} icon="envelope" textLeft="YourName@" placeholder="Placeholder" />
<G.Select items={items} disabled icon="envelope" textLeft="YourName@" value="Placeholder" />

Eigenschaften (Props)

• icon - String
• textLeft - String
• textRight - String
• error - String
• inline - true | false
• disabled - true | false
• items - Array(Objects)
  • key - String
  • label - String
  • disabled - true | false
  • selected - true | false