Pseudo component to extend built-in GlamorousComponents
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.babelrc
.gitignore
.travis.yml
CONTRIBUTING.md
LICENSE
README.md
package.json
rollup.config.js
yarn.lock

README.md

glamorous-pseudo

npm version Build Status codecov

Install

npm install -S glamorous-pseudo

Basic Usage

<Pseudo
  after={{ content: '" after"', color: 'red' }}
  before={{ content: '"before "', color: 'green' }}
  focus={{ color: 'blue' }}
  hover={{ color: 'purple' }}
  active={{ fontSize: '0.8em' }}
  visited={{ color: '#5EDA7E' }}
  display="block"
  width={300}
  textAlign="center"
>
  <h1>Hello</h1>
</Pseudo>

// Create your own ui library
const A = (props) => <Pseudo {...props} component={glamorous.A} />

<A
  hover={{ color: '#a9e34b' }}
  href="https://startup.com"
>
  Startup
</A>

Props

component GlamorousComponent

glamorous.Div, glamorous.A, glamorous.Span, ...

Any props passed to Pseudo will be passed through to component

after object

:after styles

before object

:before styles

focus object

:focus styles

hover object

:hover styles

active object

:active styles

visited object

:visited styles