Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tflx/insta-story

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/tflx/insta-story
Owner: tflx
Created: 2024-01-12T12:46:56.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-01-29T08:35:17.000Z (12 months ago)
Last Synced: 2024-11-14T00:13:20.512Z (2 months ago)
Language: TypeScript
Size: 1.77 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # InstaStory Component

The `insta-story` is a custom web component built using LitElement. 

See example [here](https://tflx.github.io/insta-story/?path=/story/instastory--default)

## Usage

To use this component, you need to import it in your project and then use the custom HTML tag `insta-story`.

Each item in the story is a `insta-chapter` element. You can add as many chapters as you want.

```html

  

    

  

  

    

  

  

    

  

  

```

## Attributes

| Attribute | Description               | Type   | Default |

| --------- | ------------------------- | ------ | ------- |

| width     | The width of the slider in css unit | string | 'auto'  |

| height    | The height of the slider in css unit. | string | 'auto'  |