Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
claith
Advanced tools
Readme
A set of React components for Bootstrap 4.
The Container
, Row
and Col
components help you put together a grid.
Container
Props:
fluid
(boolean) - true for a container which fills its parent, or false (or omitted) for a fixed-width containerRow
No extra props.
Col
Props:
xs
, sm
, md
, lg
, xl
(integer) - the width at various breakpointsalign
('start'
, 'end'
, 'center'
, 'baseline'
or 'stretch'
) - flex alignmentExample
const MyGrid = (props) => (
<Container fluid>
<Row>
<Col xs={12} md={6}>1</Col>
<Col xs={12} md={6}>2</Col>
</Row>
</Container>
);
Navbar
Props:
bsStyle
('light'
or 'inverse'
)NavbarBrand
No extra props.
Example
const MyNavbar = (props) => (
<Navbar>
</Navbar>
);
PasswordMeter
Shows a strength bar with 5 segments. As score
increases, the length of the bar increases, and the colour changes from red to green through yellow.
Props:
strength
(0
, 1
, 2
, 3
, 4
) - the strength of the passwordfeedback
(string) - an optional feedback message, e.g., 'too short'ZxcvbnMeter
This renders the PasswordMeter
component above, calculating score
and feedback
by using the zxcvbn
library.
Props:
password
(string) - the password to analyseFormGroup
Renders a form group, i.e., input element, label, help text, error messages, etc.
Props:
type
(string) - input type, any of the standard <input>
types plus 'textarea'
id
(string) - the input IDlabel
(string) - the form control labeloptional
(boolean) - unless true, the label will be bold with a red star afterhelp
(string) - small, muted help text after the form controlvalue
(any) - the value for the controloptionValue
(any) - for type='radio'
; if value===optionValue
, the control will be checkedvalid
(boolean) - if validation has passed; if false, the control and label will be highlighted in rederrors
(string[]) - an array of error messages for validationonChange
(function) - passed to the input controlshowStrength
(boolean) - if true, a ZxcvbnMeter
will be shown underneath the controlinline
(boolean) - if true, adds form-check-inline
triggerKey(key?: string)
Decorator which triggers the click event on an element when the specified key is pressed. The key can either be specified as an argument to the decorator or as the prop triggerKey
.
ClickTarget
Renders one of <a>
, <button>
, <Link>
(from react-router-dom
) or <div>
, depending on supplied props.
Props:
href
(string) - supply to get an a
linkonClick
(function) - supply to get a button
to
(string) - supply to get a Link
triggerKey
- for triggerKey
decorator aboveIf none of the above are specified, defaults to a div
.
Button
As above, but adds bootstrap button styling.
Props:
ClickTarget
propsbsStyle
- ('primary'
, 'success'
, 'info'
, 'warning'
, 'danger'
, or 'default'
) - the style of the buttonsubmit
- true if the button is to be a submit buttonfab
- true to make the button a Floating Action ButtonBadge
Props:
bsStyle
('primary'
, 'success'
, 'info'
, 'warning'
, 'danger'
, or 'default'
) - the style of the badgepill
(boolean) - true to make the badge a pillIcon
Render a Font Awesome icon.
Props:
fa
(string, one of the Font Awesome icon names) - the icon to renderFAQs
A set of React components for Bootstrap 4
The npm package claith receives a total of 8 weekly downloads. As such, claith popularity was classified as not popular.
We found that claith demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.