No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from. 


  




    
    
Bracket
Renders a list of fixtures. Used for multiple endpoints
Round of 16
Image of Spain
Spain
Image of Georgia
Georgia
4
1
Image of Germany
Germany
Image of Denmark
Denmark
2
0
Image of Portugal
Portugal
Image of Slovenia
Slovenia
0
0
3
0
Image of France
France
Image of Belgium
Belgium
1
0
Image of Romania
Romania
Image of Netherlands
Netherlands
0
3
Image of Austria
Austria
Image of Turkey
Turkey
1
2
Image of England
England
Image of Slovakia
Slovakia
2
1
Image of Switzerland
Switzerland
Image of Italy
Italy
2
0
-
Quarter finals
Image of Spain
Spain
Image of Germany
Germany
Image of Portugal
Portugal
Image of France
France
Image of Netherlands
Netherlands
Image of Turkey
Turkey
Image of England
England
Image of Switzerland
Switzerland
-
Semi finals
Image of TBC
TBC
Image of TBC
TBC
Image of TBD
TBD
Image of TBC
TBC
-
Final
Image of TBD
TBD
Image of TBD
TBD
NameDescriptionDefaultControl 
data*
BracketFixtureProps[]
-
data : [
    0 : {...} 5 keys
    1 : {...} 5 keys
    2 : {...} 5 keys
    3 : {...} 5 keys
    4 : {...} 5 keys
    5 : {...} 5 keys
    6 : {...} 5 keys
    7 : {...} 5 keys
    8 : {...} 5 keys
    9 : {...} 5 keys
    10 : {...} 5 keys
    11 : {...} 5 keys
    12 : {...} 5 keys
    13 : {...} 5 keys
    14 : {...} 5 keys
]
size
union
-
isLoading
boolean
-
horizontal
boolean
-
showEventTime
boolean
-
showTeamSelection
boolean
-
disabledTeamSelection
boolean
-
showHeaders
boolean
-
distance
union
-
headerStyle
union
-
showFinalWinner
boolean
-
extraSpace
boolean
-
predictionPoints
boolean
-
showScores
boolean
-
bronzeMatch
{
  id?: number | null;
  fixture_id?: number;
  sport_id?: number | null;
  league_id?: number | null;
  season_id?: number | null;
  stage_id?: number | null;
  group_id?: number | null;
  aggregate_id?: number | null;
  round_id?: number | null;
  state_id?: number | null;
  venue_id?: number | null;
  name?: string | null;
  starting_at?: string | null;
  result_info?: string | null;
  leg?: string | null;
  //details?: null;
  length?: number | null;
  placeholder?: boolean | null;
  has_odds?: boolean | null;
  starting_at_timestamp?: number | null;
  participants?: ParticipantProps[] | null;
  scores?: ScoresProps[] | null;
  events?: PlayerEventsProps[] | null;
  lineups?: LineupProps[] | null;
  formations?: FormationProps[] | null;
  venue?: VenueProps | null;
  periods?: PeriodProps[] | null;
  league?: LeagueProps | null;
  season?: SeasonProps | null;
  stage?: StageProps | null;
  statistics?: FixtureStatisticsProps[] | null;
  metadata?: fixtureMetadataProps[] | null;
  aggregate?: fixtureAggregateProps | null;
  element?: JSX.Element | null | undefined;
}
-
highlightedStageId
number
-
clickedEventItem
(id: number | undefined) => void
--
handleSelectTeam
(id: string, value: number) => void
--
Stories
Vertical
Round of 16
Image of Spain
Spain
Image of Georgia
Georgia
4
1
Image of Germany
Germany
Image of Denmark
Denmark
2
0
Image of Portugal
Portugal
Image of Slovenia
Slovenia
0
0
3
0
Image of France
France
Image of Belgium
Belgium
1
0
Image of Romania
Romania
Image of Netherlands
Netherlands
0
3
Image of Austria
Austria
Image of Turkey
Turkey
1
2
Image of England
England
Image of Slovakia
Slovakia
2
1
Image of Switzerland
Switzerland
Image of Italy
Italy
2
0
-
Quarter finals
Image of Spain
Spain
Image of Germany
Germany
Image of Portugal
Portugal
Image of France
France
Image of Netherlands
Netherlands
Image of Turkey
Turkey
Image of England
England
Image of Switzerland
Switzerland
-
Semi finals
Image of TBC
TBC
Image of TBC
TBC
Image of TBD
TBD
Image of TBC
TBC
-
Final
Image of TBD
TBD
Image of TBD
TBD
Horizontal
Round of 16
Image of Spain
Spain
Image of Georgia
Georgia
4
1
Image of Germany
Germany
Image of Denmark
Denmark
2
0
Image of Portugal
Portugal
Image of Slovenia
Slovenia
0
0
3
0
Image of France
France
Image of Belgium
Belgium
1
0
-
Quarter finals
Image of Spain
Spain
Image of Germany
Germany
Image of Portugal
Portugal
Image of France
France
-
Semi finals
Image of TBC
TBC
Image of TBC
TBC
-
Round of 16
Image of Romania
Romania
Image of Netherlands
Netherlands
0
3
Image of Austria
Austria
Image of Turkey
Turkey
1
2
Image of England
England
Image of Slovakia
Slovakia
2
1
Image of Switzerland
Switzerland
Image of Italy
Italy
2
0
-
Quarter finals
Image of Netherlands
Netherlands
Image of Turkey
Turkey
Image of England
England
Image of Switzerland
Switzerland
-
Semi finals
Image of TBD
TBD
Image of TBC
TBC
-
Final
Image of TBD
TBD
Image of TBD
TBD
Without Scores
Round of 16
Image of Spain
Spain
Image of Georgia
Georgia
Image of Germany
Germany
Image of Denmark
Denmark
Image of Portugal
Portugal
Image of Slovenia
Slovenia
Image of France
France
Image of Belgium
Belgium
Image of Romania
Romania
Image of Netherlands
Netherlands
Image of Austria
Austria
Image of Turkey
Turkey
Image of England
England
Image of Slovakia
Slovakia
Image of Switzerland
Switzerland
Image of Italy
Italy
-
Quarter finals
Image of Spain
Spain
Image of Germany
Germany
Image of Portugal
Portugal
Image of France
France
Image of Netherlands
Netherlands
Image of Turkey
Turkey
Image of England
England
Image of Switzerland
Switzerland
-
Semi finals
Image of TBC
TBC
Image of TBC
TBC
Image of TBD
TBD
Image of TBC
TBC
-
Final
Image of TBD
TBD
Image of TBD
TBD
Dark Headers
Round of 16
Image of Spain
Spain
Image of Georgia
Georgia
Image of Germany
Germany
Image of Denmark
Denmark
Image of Portugal
Portugal
Image of Slovenia
Slovenia
Image of France
France
Image of Belgium
Belgium
Image of Romania
Romania
Image of Netherlands
Netherlands
Image of Austria
Austria
Image of Turkey
Turkey
Image of England
England
Image of Slovakia
Slovakia
Image of Switzerland
Switzerland
Image of Italy
Italy
-
Quarter finals
Image of Spain
Spain
Image of Germany
Germany
Image of Portugal
Portugal
Image of France
France
Image of Netherlands
Netherlands
Image of Turkey
Turkey
Image of England
England
Image of Switzerland
Switzerland
-
Semi finals
Image of TBC
TBC
Image of TBC
TBC
Image of TBD
TBD
Image of TBC
TBC
-
Final
Image of TBD
TBD
Image of TBD
TBD
Extra Spacing
Round of 16
Image of Spain
Spain
Image of Georgia
Georgia
Image of Germany
Germany
Image of Denmark
Denmark
Image of Portugal
Portugal
Image of Slovenia
Slovenia
Image of France
France
Image of Belgium
Belgium
Image of Romania
Romania
Image of Netherlands
Netherlands
Image of Austria
Austria
Image of Turkey
Turkey
Image of England
England
Image of Slovakia
Slovakia
Image of Switzerland
Switzerland
Image of Italy
Italy
-
Quarter finals
Image of Spain
Spain
Image of Germany
Germany
Image of Portugal
Portugal
Image of France
France
Image of Netherlands
Netherlands
Image of Turkey
Turkey
Image of England
England
Image of Switzerland
Switzerland
-
Semi finals
Image of TBC
TBC
Image of TBC
TBC
Image of TBD
TBD
Image of TBC
TBC
-
Final
Image of TBD
TBD
Image of TBD
TBD
Compact
Round of 16
Image of Spain
Spain
Image of Georgia
Georgia
Image of Germany
Germany
Image of Denmark
Denmark
Image of Portugal
Portugal
Image of Slovenia
Slovenia
Image of France
France
Image of Belgium
Belgium
Image of Romania
Romania
Image of Netherlands
Netherlands
Image of Austria
Austria
Image of Turkey
Turkey
Image of England
England
Image of Slovakia
Slovakia
Image of Switzerland
Switzerland
Image of Italy
Italy
-
Quarter finals
Image of Spain
Spain
Image of Germany
Germany
Image of Portugal
Portugal
Image of France
France
Image of Netherlands
Netherlands
Image of Turkey
Turkey
Image of England
England
Image of Switzerland
Switzerland
-
Semi finals
Image of TBC
TBC
Image of TBC
TBC
Image of TBD
TBD
Image of TBC
TBC
-
Final
Image of TBD
TBD
Image of TBD
TBD
Two Stages
Semi finals
Image of Germany
Germany
Image of Denmark
Denmark
2
0
Image of Spain
Spain
Image of Georgia
Georgia
4
1
-
Final
Image of Spain
Spain
Image of Germany
Germany
2
0
Image of Spain
SpainWinner