ignite-jhipster/boilerplate/app/shared/components/search-bar/search-bar.story.js

A React Native boilerplate for JHipster apps.

import React from 'react'
import { View } from 'react-native'
import { storiesOf } from '@storybook/react-native'

import SearchBar from './search-bar'

storiesOf('SearchBar', module)
  .add('Default', () => (
    <View style={{ backgroundColor: 'black', height: 50 }}>
      <SearchBar
        onSearch={() => {}}
        onCancel={() => {}}
      />
    </View>
  ))
  .add('With Search Term', () => (
    <View style={{ backgroundColor: 'black', height: 50 }}>
      <SearchBar
        onSearch={() => {}}
        onCancel={() => {}}
        searchTerm='HELLO!!'
      />
    </View>
  ))