0.2.6 • Published 5 months ago

@solid-mediakit/og v0.2.6

Weekly downloads
-
License
ISC
Repository
-
Last release
5 months ago

@solid-mediakit/og

An Open Graph / Dynamic image utility library for Solid.

Installation

pnpm install @solid-mediakit/og

Usage

import { Title } from '@solidjs/meta'
import Counter from '~/components/Counter'
import { DynamicImage, Image } from '@solid-mediakit/og'
import { createSignal } from 'solid-js'

export default function Home() {
  const [count, setCount] = createSignal(0)
  return (
    <main>
      <Title>Hello World</Title>
      <h1>Hello world!</h1>
      <Counter count={count()} setCount={setCount} />
      <Image>
        <DynamicImage>
          <div
            style={{
              width: '100%',
              height: '100%',
              display: 'flex',
              'align-items': 'center',
              'justify-content': 'center',
              'font-size': '128px',
              background: 'lavender',
            }}
          >
            {`Hello ${count() * 2}!`}
          </div>
        </DynamicImage>
      </Image>
    </main>
  )
}

Read More Here

0.2.1

6 months ago

0.2.0

6 months ago

0.2.6

5 months ago

0.2.3

5 months ago

0.2.2

5 months ago

0.2.5

5 months ago

0.2.4

5 months ago

0.0.4

1 year ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago