@logrock/pebbles

Small UI building blocks

Usage no npm install needed!

<script type="module">
  import logrockPebbles from 'https://cdn.skypack.dev/@logrock/pebbles';
</script>

README

LogRock Pebbles

Small UI building blocks

Usage

Pre requisites:

  1. install styled-components.
  2. install styled-breakpoints

Install from NPM

# With Yarn
yarn add @logrock/pebbles

# With the other bad one
npm install @logrock/pebbles

Import components from it

import { NavBar } from "@logrock/pebbles";

Theming

This lib requires styled-components theming to work properly. Just pass a Theme object and you are good to go.

A Theme type is also exposed to guide you, you can also see its source code here

import { ThemeProvider } from 'styled-components'
import { Theme } from '@logrock/pebbles'

const myTheme: Theme = {
    navbar: {
        background: #ff0000
    }
}

const MyNavbar = () => (
    <ThemeProvider theme={myTheme}>
        <NavBar />
    </ThemeProvider>
)