Skip to content

Selects

https://
.yourname.xyz
YourName@
YourName@

Code

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" />

Properties

This component extends the Base Component and supports all of its properties.
  • 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
GentlentAn official Gentlent website. Official Gentlent websites are always linked from our website gentlent.com, or contain an extended validated certificate.
Skyline Dusseldorf