# EventConfigurationButtonInput

Source: https://swapcard.dev/organizer/content-api/graphql-event-api-schema/inputs/event-configuration-button-input


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
input EventConfigurationButtonInput {
  _id: String
  backgroundColor: String!
  label: EventConfigurationButtonLabelInput!
  options: EventConfigurationButtonOptionsInput!
  picto: EventConfigurationButtonPictoInput!
  textColor: String!
  type: EventConfigurationButtonType!
}
```

### Fields

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

#### [<code style={{ fontWeight: 'normal' }}>EventConfigurationButtonInput.<b>backgroundColor</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' }}>EventConfigurationButtonInput.<b>label</b></code>](#)<Bullet />[`EventConfigurationButtonLabelInput!`](/organizer/content-api/graphql-event-api-schema/inputs/event-configuration-button-label-input) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="input"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventConfigurationButtonInput.<b>options</b></code>](#)<Bullet />[`EventConfigurationButtonOptionsInput!`](/organizer/content-api/graphql-event-api-schema/inputs/event-configuration-button-options-input) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="input"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventConfigurationButtonInput.<b>picto</b></code>](#)<Bullet />[`EventConfigurationButtonPictoInput!`](/organizer/content-api/graphql-event-api-schema/inputs/event-configuration-button-picto-input) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="input"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventConfigurationButtonInput.<b>textColor</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' }}>EventConfigurationButtonInput.<b>type</b></code>](#)<Bullet />[`EventConfigurationButtonType!`](/organizer/content-api/graphql-event-api-schema/enums/event-configuration-button-type) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="enum"/> 
> 
> 
> 
> 

### Member Of

[`PlanningConfigurationInput`](/organizer/content-api/graphql-event-api-schema/inputs/planning-configuration-input)  <Badge class="badge badge--secondary" text="input"/>