# SelectField

Source: https://swapcard.dev/organizer/content-api/graphql-event-api-schema/objects/select-field


const [open, setOpen] = useState(startOpen);
  return (
    <details {...(open ? { open: true } : {})} className="details" style={{ border:'none', boxShadow:'none', background:'var(--ifm-background-color)' }}>
      <summary
        onClick={(e) => {
          e.preventDefault();
          setOpen((open) => !open);
        }}
        style={{ listStyle:'none' }}
      >
      {open ? dataOpen : dataClose}
      </summary>
      {open && children}
    </details>
  );
};

No description

```graphql
type SelectField implements FieldInterface {
  id: ID!
  definition: SelectFieldDefinition!
  translations: [TranslationString!]!
  value: String!
  usage: Int!
}
```

### Fields

#### [<code style={{ fontWeight: 'normal' }}>SelectField.<b>id</b></code>](#)<Bullet />[`ID!`](/organizer/content-api/graphql-event-api-schema/scalars/id) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>SelectField.<b>definition</b></code>](#)<Bullet />[`SelectFieldDefinition!`](/organizer/content-api/graphql-event-api-schema/objects/select-field-definition) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>SelectField.<b>translations</b></code>](#)<Bullet />[`[TranslationString!]!`](/organizer/content-api/graphql-event-api-schema/objects/translation-string) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>SelectField.<b>value</b></code>](#)<Bullet />[`String!`](/organizer/content-api/graphql-event-api-schema/scalars/string) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>SelectField.<b>usage</b></code>](#)<Bullet />[`Int!`](/organizer/content-api/graphql-event-api-schema/scalars/int) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> Returns the number of usage for this field value within an event
> 

### Interfaces

#### [`FieldInterface`](/organizer/content-api/graphql-event-api-schema/interfaces/field-interface) <Badge class="badge badge--secondary" text="interface"/> 
> 
> 
> 
> 

### Member Of

[`SelectFieldDefinition`](/organizer/content-api/graphql-event-api-schema/objects/select-field-definition)  <Badge class="badge badge--secondary" text="object"/>

### Implemented By

[`FieldUnion`](/organizer/content-api/graphql-event-api-schema/unions/field-union)  <Badge class="badge badge--secondary" text="union"/><Bullet />[`SelectFieldUnion`](/organizer/content-api/graphql-event-api-schema/unions/select-field-union)  <Badge class="badge badge--secondary" text="union"/>