https://github.com/filipchalupa/flexing-container

https://github.com/filipchalupa/flexing-container

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/filipchalupa/flexing-container
• Owner: FilipChalupa
• Created: 2022-09-12T15:24:34.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-19T14:50:22.000Z (over 2 years ago)
• Last Synced: 2025-01-27T00:11:17.274Z (3 months ago)
• Language: TypeScript
• Size: 3.67 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Flexing container [![npm](https://img.shields.io/npm/v/flexing-container.svg)](https://www.npmjs.com/package/flexing-container) ![npm type definitions](https://img.shields.io/npm/types/flexing-container.svg)

## Installation

```bash

npm install flexing-container

```

## How to use

You can get inspired by [Example here](src/stories/Example.tsx) and [Storybook demo here](https://flexing-container.netlify.app/).

```jsx

import { FlexingContainer } from 'flexing-container'

const MyComponent = () => {

	// …

	return (

		 
{children}
}

		>

			{items[activeItemIndex]}

		

	)

}

```


Don't forget to import styles from `flexing-container/dist/index.css`.

## Development

Run `npm start` and `npm run storybook` parallelly.