ak-tag

This component displays as a tag with an optional link and/or button to remove the given tag.

2.0.7
Source
npm

Version published: 8 years ago

Weekly downloads: 0; decreased by-100%

Maintainers: 1

Weekly downloads

Created: 8 years ago

Source

Tag

This component is displayed as a tag with an optional link and/or button to remove it.

Example tags

Although the ak-tag component can be used by itself, it works best in conjunction with the ak-tag-group component.

Try it out

Interact with a live demo of the ak-tag component.

Installation

npm install ak-tag

Using the component

HTML

The ak-tag package exports the Tag Skate component. It automatically registers the respective <ak-tag> web component upon import.

Import the component in your JS resource:

bundle.js

import 'ak-tag';

Now you can use the defined tag in your HTML markup:

index.html

<html>
  <head>
    <script src="bundle.js"></script>
  </head>
  <body>
    <!-- ... -->
    <ak-tag text="Jelly bean"></ak-tag>
  </body>
</html>

You can also use it within another JS resource:

index.js

import Tag from 'ak-tag';

const tag = new Tag();
tag.text = 'Jelly bean';

document.body.appendChild(tag);

React

This is a standard web component, if you want to use it in your React app, use the Skate.js React integration.

import Tag from 'ak-tag';
import reactify from 'skatejs-react-integration';

const ReactComponent = reactify(Tag, {});

ReactDOM.render(<ReactComponent text="Jelly bean" />, container);

FAQs

What is ak-tag?

Is ak-tag popular?

Is ak-tag well maintained?

Package last updated on 06 Oct 2016

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.

Install