fk-react-ui-components/components/index.js

Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should

// Import the components that needs to be exported from react-ui-components
import FileUpload from 'react-fileupload';
import Card from './Card';
import { SearchInput, SecondaryBtn, PrimaryBtn } from './Fields';
import FormComponent from './FormComponent/FormComponent';
import Button from './FormElements/Button/Button';
import Error from './FormElements/Error/Error';
import Input from './FormElements/Input/Input';
import Select from './FormElements/Select/Select';
import SubmitButton from './FormElements/SubmitButton/SubmitButton';
import FormElements from './FormElements/FormElement';
import GroupButtons from './GroupButtons';
import {
    ImageCarousel,
    NavButton,
    CarouselContent,
    Image
} from './ImageCarousel';
import InfiniteScroll from './InfiniteScroll';
import { Flex, FlexCell } from './Layout';
import Modal from './Modal';
import NavigationHeader from './NavigationHeader';
import { PanelTabs, Tab, Panel } from './PanelTabs';
import StyleComponents from './StyleComponents';
import TabBar from './TabBar';
import ToggleComponent from './ToggleComponent';
import FilterComponent from './FilterComponent';
import { Tree, TreePanel, TreeElement } from './TreeView';
import Validators from './FormComponent/Validator/Validator';
import FormStyles from './FormComponent/style';
import { colors } from './colorCodes';
import SimpleSearch from './SimpleSearch';
import CheckboxTree from './CheckboxTree';
import CheckboxTreeFilter from './CheckboxTreeFilter';
import SelectFilter from './SelectFilter';
import SearchWithOptions from './SearchWithOptions';
import { Timeline, MileStones } from './Timeline';
import { TlHeader, TlBody, Tlfooter } from './Timeline/styles/Timeline';
import TabComponent from './Tabs';
import { DateRangePickerComponent } from './DatesRangePicker';
import Grid from './Grid';
import Paginator from './Paginator';
import Slider from './Slider';
import Stepper from './Stepper';
import Accordian from './Accordian';
import ActionMenu from './ActionMenu';

export {
    Card,
    SearchInput,
    SecondaryBtn,
    PrimaryBtn,
    FormComponent,
    Button,
    Error,
    Input,
    Select,
    SubmitButton,
    FormElements,
    GroupButtons,
    ImageCarousel,
    NavButton,
    CarouselContent,
    Image,
    InfiniteScroll,
    Flex,
    FlexCell,
    Modal,
    NavigationHeader,
    PanelTabs,
    Tab,
    Panel,
    StyleComponents,
    TabBar,
    ToggleComponent,
    FilterComponent,
    Tree,
    TreePanel,
    TreeElement,
    Validators,
    FormStyles,
    colors,
    SimpleSearch,
    CheckboxTree,
    CheckboxTreeFilter,
    FileUpload,
    SelectFilter,
    SearchWithOptions,
    Slider,
    Stepper,
    Accordian,
    TlHeader,
    TlBody,
    Tlfooter,
    Timeline,
    MileStones,
    TabComponent,
    DateRangePickerComponent,
    Grid,
    Paginator,
    ActionMenu
};