pill

v1.0.1

v1.0.0

STATUS

Passing

DOWNLOADS

3,064

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

3 KB

Tried and tested pure css pill component.

CSS

Testing

1 contributor

Install pill as a package?

Copied

npm i @bit/bit.base-ui.css-components.pill

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

cssComponents/pill ()

Tried and tested pure css pill component.
Add border-radius to dom elements in a safe and predicable way. The component also inclues overflow: hidden to prevent artifacts and border issues when zoomed out.

Example

<div className={pillClass}>this is a pill</div>