@roo-ui/components
Version:
83 lines • 2.36 kB
JavaScript
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withDocs } from 'storybook-readme';
import { Box, Flex, Heading } from '..';
import StarRating from '.';
import README from './README.md';
storiesOf('Components|StarRating', module).addDecorator(withDocs(README)).add('default', function () {
return React.createElement(Flex, {
justifyContent: "space-around"
}, React.createElement(Box, null, React.createElement(Heading.h4, null, "AAA Rated"), React.createElement(StarRating, {
rating: "5",
ratingType: "AAA",
size: "20"
}), React.createElement(StarRating, {
rating: "4.5",
ratingType: "AAA",
size: "20"
}), React.createElement(StarRating, {
rating: "4",
ratingType: "AAA",
size: "20"
}), React.createElement(StarRating, {
rating: "3.5",
ratingType: "AAA",
size: "20"
}), React.createElement(StarRating, {
rating: "3",
ratingType: "AAA",
size: "20"
}), React.createElement(StarRating, {
rating: "2.5",
ratingType: "AAA",
size: "20"
}), React.createElement(StarRating, {
rating: "2",
ratingType: "AAA",
size: "20"
}), React.createElement(StarRating, {
rating: "1.5",
ratingType: "AAA",
size: "20"
}), React.createElement(StarRating, {
rating: "1",
ratingType: "AAA",
size: "20"
})), React.createElement(Box, null, React.createElement(Heading.h4, null, "Self Rated"), React.createElement(StarRating, {
rating: "5",
ratingType: "SELF_RATED",
size: "20"
}), React.createElement(StarRating, {
rating: "4.5",
ratingType: "SELF_RATED",
size: "20"
}), React.createElement(StarRating, {
rating: "4",
ratingType: "SELF_RATED",
size: "20"
}), React.createElement(StarRating, {
rating: "3.5",
ratingType: "SELF_RATED",
size: "20"
}), React.createElement(StarRating, {
rating: "3",
ratingType: "SELF_RATED",
size: "20"
}), React.createElement(StarRating, {
rating: "2.5",
ratingType: "SELF_RATED",
size: "20"
}), React.createElement(StarRating, {
rating: "2",
ratingType: "SELF_RATED",
size: "20"
}), React.createElement(StarRating, {
rating: "1.5",
ratingType: "SELF_RATED",
size: "20"
}), React.createElement(StarRating, {
rating: "1",
ratingType: "SELF_RATED",
size: "20"
})));
});