@flexis/ui
Version:
Styleless React Components
62 lines • 4.46 kB
JavaScript
import React from 'react';
var _createElement = React.createElement;
import { text, select } from '@storybook/addon-knobs/react';
import { storiesOf, buildInfo } from '../../helpers/stories';
import { PlacementValues, AlignValues } from '../common/types';
import Tooltip from './';
export var stylableApi = "\nStylable API\n---\n- ::tooltip\n\t- :active\n\t- :offset\n\t- :topPlacement\n\t- :rightPlacement\n\t- :bottomPlacement\n\t- :leftPlacement\n\t- :startAlign\n\t- :centerAlign\n\t- :endAlign\n".concat(buildInfo([{
values: PlacementValues,
prefix: ':',
postfix: 'placement',
indent: 1
}, {
values: AlignValues,
prefix: ':',
postfix: 'align',
indent: 1
}]), "\n");
export default storiesOf('Tooltip', module).addParameters({
info: stylableApi
}).add('with text', function () {
return _createElement(Tooltip, {
id: "tooltip",
placement: select('Placement', PlacementValues, 'bottom'),
align: select('Align', AlignValues, 'start'),
content: text('Content', 'Tooltip text')
}, "Point mouse on me");
}).add('with scroll', function () {
return _createElement("div", {
style: {
padding: '100px 0 1200px'
}
}, _createElement(Tooltip, {
placement: select('Placement', PlacementValues, 'bottom'),
align: select('Align', AlignValues, 'start'),
content: text('Content', 'Tooltip text')
}, "Point mouse on me"));
}).add('with fixed block', function () {
return _createElement("div", {
style: {
padding: '100px 0 1200px'
}
}, _createElement("div", {
style: {
position: 'fixed',
top: '30px',
left: '100px',
border: '1px solid black',
width: '300px',
height: '200px',
overflow: 'auto'
}
}, _createElement("div", {
style: {
padding: '100px 0 1200px'
}
}, _createElement(Tooltip, {
placement: select('Placement', PlacementValues, 'bottom'),
align: select('Align', AlignValues, 'start'),
content: text('Content', 'Tooltip text')
}, "Point mouse on me"))));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQVAsTUFBa0IsT0FBbEI7O0FBQ0EsU0FDQyxJQURELEVBRUMsTUFGRCxRQUdPLDhCQUhQO0FBSUEsU0FDQyxTQURELEVBRUMsU0FGRCxRQUdPLHVCQUhQO0FBSUEsU0FDQyxlQURELEVBRUMsV0FGRCxRQUdPLGlCQUhQO0FBSUEsT0FBTyxPQUFQLE1BQW9CLElBQXBCO0FBRUEsT0FBTyxJQUFNLFdBQVcsNk1BYXRCLFNBQVMsQ0FBQyxDQUNYO0FBQ0MsRUFBQSxNQUFNLEVBQUcsZUFEVjtBQUVDLEVBQUEsTUFBTSxFQUFHLEdBRlY7QUFHQyxFQUFBLE9BQU8sRUFBRSxXQUhWO0FBSUMsRUFBQSxNQUFNLEVBQUc7QUFKVixDQURXLEVBT1g7QUFDQyxFQUFBLE1BQU0sRUFBRyxXQURWO0FBRUMsRUFBQSxNQUFNLEVBQUcsR0FGVjtBQUdDLEVBQUEsT0FBTyxFQUFFLE9BSFY7QUFJQyxFQUFBLE1BQU0sRUFBRztBQUpWLENBUFcsQ0FBRCxDQWJhLE9BQWpCO0FBNkJQLGVBQWUsU0FBUyxDQUFDLFNBQUQsRUFBWSxNQUFaLENBQVQsQ0FDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2IsV0FMYSxFQU1iO0FBQUEsU0FDQyxlQUFDLE9BQUQ7QUFDQyxJQUFBLEVBQUUsRUFBQyxTQURKO0FBRUMsSUFBQSxTQUFTLEVBQUUsTUFBTSxDQUFDLFdBQUQsRUFBYyxlQUFkLEVBQStCLFFBQS9CLENBRmxCO0FBR0MsSUFBQSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQUQsRUFBVSxXQUFWLEVBQXVCLE9BQXZCLENBSGQ7QUFJQyxJQUFBLE9BQU8sRUFBRSxJQUFJLENBQUMsU0FBRCxFQUFZLGNBQVo7QUFKZCx5QkFERDtBQUFBLENBTmEsRUFpQmIsR0FqQmEsQ0FrQmIsYUFsQmEsRUFtQmI7QUFBQSxTQUNDO0FBQ0MsSUFBQSxLQUFLLEVBQUU7QUFDTixNQUFBLE9BQU8sRUFBRTtBQURIO0FBRFIsS0FLQyxlQUFDLE9BQUQ7QUFDQyxJQUFBLFNBQVMsRUFBRSxNQUFNLENBQUMsV0FBRCxFQUFjLGVBQWQsRUFBK0IsUUFBL0IsQ0FEbEI7QUFFQyxJQUFBLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBRCxFQUFVLFdBQVYsRUFBdUIsT0FBdkIsQ0FGZDtBQUdDLElBQUEsT0FBTyxFQUFFLElBQUksQ0FBQyxTQUFELEVBQVksY0FBWjtBQUhkLHlCQUxELENBREQ7QUFBQSxDQW5CYSxFQW1DYixHQW5DYSxDQW9DYixrQkFwQ2EsRUFxQ2I7QUFBQSxTQUNDO0FBQ0MsSUFBQSxLQUFLLEVBQUU7QUFDTixNQUFBLE9BQU8sRUFBRTtBQURIO0FBRFIsS0FLQztBQUNDLElBQUEsS0FBSyxFQUFFO0FBQ04sTUFBQSxRQUFRLEVBQUUsT0FESjtBQUVOLE1BQUEsR0FBRyxFQUFPLE1BRko7QUFHTixNQUFBLElBQUksRUFBTSxPQUhKO0FBSU4sTUFBQSxNQUFNLEVBQUksaUJBSko7QUFLTixNQUFBLEtBQUssRUFBSyxPQUxKO0FBTU4sTUFBQSxNQUFNLEVBQUksT0FOSjtBQU9OLE1BQUEsUUFBUSxFQUFFO0FBUEo7QUFEUixLQVdDO0FBQ0MsSUFBQSxLQUFLLEVBQUU7QUFDTixNQUFBLE9BQU8sRUFBRTtBQURIO0FBRFIsS0FLQyxlQUFDLE9BQUQ7QUFDQyxJQUFBLFNBQVMsRUFBRSxNQUFNLENBQUMsV0FBRCxFQUFjLGVBQWQsRUFBK0IsUUFBL0IsQ0FEbEI7QUFFQyxJQUFBLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBRCxFQUFVLFdBQVYsRUFBdUIsT0FBdkIsQ0FGZDtBQUdDLElBQUEsT0FBTyxFQUFFLElBQUksQ0FBQyxTQUFELEVBQVksY0FBWjtBQUhkLHlCQUxELENBWEQsQ0FMRCxDQUREO0FBQUEsQ0FyQ2EsQ0FBZiIsInNvdXJjZVJvb3QiOiIifQ==