How to use the hyperview/storybook/helpers.stories function in hyperview

To help you get started, we’ve selected a few hyperview examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Instawork / hyperview / src / components / hv-select-single / stories / index.js View on Github external
// @flow

/**
 * Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import HvSelectSingle from 'hyperview/src/components/hv-select-single';
import React from 'react';
import { action } from '@storybook/addon-actions';

const createStory = Helpers.stories(HvSelectSingle);
createStory('basic', ({ element, stylesheets }) => (
  
));
github Instawork / hyperview / src / components / hv-select-multiple / stories / index.js View on Github external
// @flow

/**
 * Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import HvSelectMultiple from 'hyperview/src/components/hv-select-multiple';
import React from 'react';
import { action } from '@storybook/addon-actions';

const createStory = Helpers.stories(HvSelectMultiple);
createStory('basic', ({ element, stylesheets }) => (
  
));
github Instawork / hyperview / src / components / hv-option / stories / index.js View on Github external
// @flow

/**
 * Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import HvOption from 'hyperview/src/components/hv-option';
import React from 'react';
import { action } from '@storybook/addon-actions';

const createStory = Helpers.stories(HvOption);
createStory('basic', ({ element, stylesheets }) => (
  
));
createStory('pre_selected', ({ element, stylesheets }) => (
  
));
github Instawork / hyperview / src / components / hv-text-field / stories / index.js View on Github external
// @flow

/**
 * Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import HvTextField from 'hyperview/src/components/hv-text-field';
import React from 'react';
import { action } from '@storybook/addon-actions';

const createStory = Helpers.stories(HvTextField);
createStory('basic', ({ element, stylesheets }) => (
  
));
github Instawork / hyperview / src / components / hv-section-list / stories / index.js View on Github external
// @flow

/**
 * Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import HvSectionList from 'hyperview/src/components/hv-section-list';
import React from 'react';
import { action } from '@storybook/addon-actions';

const createStory = Helpers.stories(HvSectionList);
createStory('basic', ({ element, stylesheets }) => (
  
));
createStory('infinite_scroll', ({ element, stylesheets }) => (
  
));
github Instawork / hyperview / src / components / hv-spinner / stories / index.js View on Github external
// @flow

/**
 * Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import HvSpinner from 'hyperview/src/components/hv-spinner';
import React from 'react';
import { action } from '@storybook/addon-actions';

const createStory = Helpers.stories(HvSpinner);
createStory('basic', ({ element, stylesheets }) => (
  
));
createStory('colored', ({ element, stylesheets }) => (
  
));
github Instawork / hyperview / src / components / hv-text-area / stories / index.js View on Github external
// @flow

/**
 * Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import HvTextArea from 'hyperview/src/components/hv-text-area';
import React from 'react';
import { action } from '@storybook/addon-actions';

const createStory = Helpers.stories(HvTextArea);
createStory('basic', ({ element, stylesheets }) => (
  
));
github Instawork / hyperview / src / components / hv-list / stories / index.js View on Github external
// @flow

/**
 * Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import HvList from 'hyperview/src/components/hv-list';
import React from 'react';
import { action } from '@storybook/addon-actions';

const createStory = Helpers.stories(HvList);
createStory('basic', ({ element, stylesheets }) => (
  
));
createStory('infinite_scroll', ({ element, stylesheets }) => (
  
));
github Instawork / hyperview / src / components / hv-view / stories / index.js View on Github external
* Copyright (c) Garuda Labs, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import * as Helpers from 'hyperview/storybook/helpers';
import * as ScrollContext from 'hyperview/src/services/scroll-context';
import HvView from 'hyperview/src/components/hv-view';
import React from 'react';
import { action } from '@storybook/addon-actions';

const HvViewWithScrollContext = ScrollContext.withProvider(HvView);

const createStory = Helpers.stories(HvView);
createStory('basic', ({ element, stylesheets }) => (
  
));
createStory('scrollview', ({ element, stylesheets }) => (
  
));