1.0.3 • Published 3 years ago

super-tab v1.0.3

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

Super Tabs!

Hi! I'M Tabs List.

Installation

npm i super-tab

How To use

import Tabs from 'super-tab';

Programmatically

Create Array of Tabs and Pass in Props See below Steps:

const TabsList = [
{
	Image: {
		Src: 'https://picsum.photos/seed/picsum/200/300',
		Name: 'No Image',
		ClassName: 'yourClass',
		Id: "yourId",
		Height: 50,
		Width: 50
	},
	RouteLink: '/dashboard',
	Name: "Dashboard",
	ClassName: "flex nav-item",
	Id: ""
},
{
	Image: {
		Src: 'https://picsum.photos/200/300.jpg',
		Name: 'No Image',
		ClassName: 'flex',
		Id: "yourId",
		Height: 50,
		Width: 50
	},
	RouteLink: '/About',
	Name: "About",
	ClassName: "flex nav-item",
	Id: ""
}
];
const CouponCard = {
  title: 'Special Offer 20% OFF',
  product: 'Any Shelf Stable Juice',
  details: 'PurchaseExcludes Refrigerated and Sports Drinks.',
  couponUse: 'Unlimited use',
  expiration: 'Expires 12/24/19',
  offer_link: 'https://albertsons-theme-bldr.r-a.io/sample/details-page-coupon',
  offer_details: "Offer Details",
  image_src: 'http://s7d2.scene7.com/is/image/ABS/108051453?$ecom-product-card-desktop$&defaultImage=Not_Available',
  image_alt: 'product-card-desktop'
};
function  App() {
	return (		
		<Tabs  items={TabsList}  />
        <CouponCards data={CouponCard} />
	);
}