/epic-tag

Advanced styled components for React.

Primary LanguageTypeScript

epic-tag

Style Logo

Advanced styled components for React.

  • 💅 Styled components
  • 🏠 Native updates without rerender
  • 🤌 State (hover, focus...) specific styles
  • 💨 String based property shortcuts

Usage

Use the tag method to apply styles to any tag resulting in reusable and extendable styled components.

import { render } from 'epic-jsx'
import { tag } from 'epic-tag'

const MyButton = tag('button', 'color-blue', { hover: 'color-red', focus: 'color-green' })

render(<MyButton>Hover Me!</MyButton>)