Skip to content

Commit a7e4492

Browse files
committed
Add mini station map story
1 parent 1247516 commit a7e4492

1 file changed

Lines changed: 25 additions & 0 deletions

File tree

packages/react/src/components/StationsMap.stories.tsx

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,31 @@ export const DarkMode: Story = {
5757
],
5858
};
5959

60+
export const Mini: Story = {
61+
args: {
62+
mapStyle: "https://demotiles.maplibre.org/style.json",
63+
initialViewState: {
64+
latitude: 40.6067008972168,
65+
longitude: -74.05500030517578,
66+
zoom: 11,
67+
},
68+
focusStation: "noaa/8519024",
69+
clustering: false,
70+
showGeolocation: false,
71+
className: "aspect-video rounded-lg overflow-hidden",
72+
},
73+
parameters: {
74+
layout: "centered",
75+
},
76+
decorators: [
77+
(Story) => (
78+
<div style={{ width: "300px", height: "200px" }}>
79+
<Story />
80+
</div>
81+
),
82+
],
83+
}
84+
6085
export const Loading: Story = {
6186
args: {
6287
mapStyle: "https://demotiles.maplibre.org/style.json",

0 commit comments

Comments
 (0)