https://github.com/steadicat/stylistic-elements

A set of React components that make it easy to style elements using props.
https://github.com/steadicat/stylistic-elements

Last synced: 14 days ago
JSON representation

A set of React components that make it easy to style elements using props.

• Host: GitHub
• URL: https://github.com/steadicat/stylistic-elements
• Owner: steadicat
• Created: 2015-08-17T05:53:27.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-04-20T22:31:45.000Z (over 8 years ago)
• Last Synced: 2024-12-07T00:18:11.633Z (about 1 month ago)
• Language: JavaScript
• Size: 12.7 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Stylistic Elements

A set of React components that make it easy to style elements using props.

For example:

```js

import {Element} from 'stylistic-elements';

// Renders as:

```

## Available elements

- `Element`: the most basic one, simply converts props into inline styles. I recommend using one of the higher-level components below instead.

- `ResetElement`: like `Element` but resets some common user-agent styles to their defaults.

- `Block`: a block-level element. Defaults to `div`.

- `Inline`: an inline element. Defaults to `span`.

- `InlineBlock`: an inline-block element. Defaults to a `div` with `display: inline-block` and `vertical-align: middle`.

## Supported attributes

See [stylistic](https://github.com/steadicat/stylistic) for the list of supported attributes.