1.0.4 • Published 5 months ago
@eventjet/react-seatmaps v1.0.4
@eventjet/react-seatmaps
This package provides react components to render seatmaps in a ticketing system.
Installation
yarn add @eventjet/react-seatmaps
Simple Usage Example - Volume
import React from 'react';
import { Volume } from '@eventjet/react-seatmaps';
const component = () => (
<Volume
x={0},
y={0},
width={400},
height={400},
color='#808080',
disabled={false}
active={false}
label="Seat 1"
/>
);
Usage Example - Volumes + SeatCountBadge
SeatCountBadge only works with Volumes at the moment
SeatCountBadge on Rectangular Volume
import React from 'react';
import { Volume } from '@eventjet/react-seatmaps';
const component = () => (
<Volume
x={0},
y={0},
width={400},
height={400},
color='#808080',
disabled={false}
active={false}
label="Seat 1"
>
<SeatCountBadge containerProps={{ width: 400 }} count={200} />
</Volume>
);
SeatCountBadge on Ellipse Volume
import React from 'react';
import { Volume } from '@eventjet/react-seatmaps';
const component = () => (
<Volume
x={0},
y={0},
width={400},
height={200},
color='#808080',
disabled={false}
active={false}
label="Seat 1"
shape={'ellipse'}
>
<SeatCountBadgeOnEllipse
containerProps={{ width: 400 }}
count={200}
color="#ff9900"
/>
</Volume>
);
SeatCountBadge on a round Volume
import React from 'react';
import { Volume } from '@eventjet/react-seatmaps';
const component = () => (
<Volume
x={0},
y={0},
width={400},
height={400},
color='#808080',
disabled={false}
active={false}
label="Seat 1"
shape={'ellipse'}
>
<SeatCountBadgeOnEllipse
containerProps={{ width: 400 }}
count={200}
color="#ff9900"
/>
</Volume>
);
1.0.4
5 months ago
1.0.4-beta.0
5 months ago
1.0.2
5 months ago
1.0.3
5 months ago
1.0.1
5 months ago
1.0.0
5 months ago
0.4.3
5 months ago
0.4.2
9 months ago
0.4.1
1 year ago
0.3.1-8
2 years ago
0.3.1-7
2 years ago
0.2.0-alpha.1
2 years ago
0.3.1-12
2 years ago
0.3.1-9
2 years ago
0.3.1-10
2 years ago
0.3.1-0
2 years ago
0.3.1-3
2 years ago
0.3.0
2 years ago
0.2.0
2 years ago
0.1.19
2 years ago
0.4.0
2 years ago
0.3.0-alpha.1
2 years ago
0.1.17
3 years ago
0.1.16
3 years ago
0.1.14
4 years ago
0.1.15
4 years ago
0.1.13-beta.1
4 years ago
0.1.13
4 years ago
0.1.12
4 years ago
0.1.12-beta-5
4 years ago
0.1.12-beta-4
4 years ago
0.1.12-beta-3
4 years ago
0.1.12-beta-1
4 years ago
0.1.12-beta-2
4 years ago
0.1.12-beta
4 years ago
0.1.11
4 years ago
0.1.10
4 years ago
0.1.8
4 years ago
0.1.9
4 years ago
0.1.7
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.3
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago