Blue - v0.0.62
StatusDot: Add additional props
This update enhances the StatusDot component by providing it with
additional props to have a more varied rendering style.
Additional props include:
inline
(ability to render the dot asdisplay: inline-block
)size
(md
|sm
)outerBorderColor
- a new
active
state (which renders a green dot)
The new active
state allows for this component to be more general,
instead of using online
as the state for a green color.
Documentation and tests have been updated.
Resolves: #128
StatusDot: Icon
This update adds a new Icon prop to the StatusDot component, allowing it
to render an Icon component within, but also to adjust the component's
style.
This will add additional flexibility for the use-cases for the StatusDot
component :).
Note: You can pass any icon you wish into StatusDot (assuming it exists
as an Icon component name
). The color of the icon is based on the
status
of the StatusDot.
For example, if you want a red x
icon, you would write:
<StatusDot status='offline' icon='cross' />
To make it easier to use some of the more common icons, icons like
tick-large
or cross-large
have received aliases of tick
, cross
,
etc...
No updates are required for the user's end.
Tests + readme have been updated.
Resolves: #130
Icon: Add ability to have a (right) side caret
This update adds a new withCaret
prop, which renders a small caret
on the right hand side of an Icon component. The caret is automatically
aligned in the center (vertically), regardless of icon size. The caret
does not hinder other prop styles like center
, and inherits the same
SVG fill color as the regular icon.
To make triple sure of this, I've written some Karma acceptance tests 🎉.
P.S. Acceptance tests are awesome. Boy, I love being able to test
ACTUAL DOM properties.
Partially resolves: #129