@outbook/webcomponents-clip-flag

This package provides a web component to display a clip flag.

Installation

``bash
npm install @outbook/webcomponents-clip-flag
`

Usage

$3

`javascript
import { html } from 'lit';
import { ClipFlag } from '@outbook/webcomponents-clip-flag';

function render() {
return html
${ClipFlag({
code: 'es'
})}
;
}
`

$3

You can also use the custom element directly in your HTML. Remember to import the component's JavaScript for the custom element to be defined.

`javascript
import '@outbook/webcomponents-clip-flag';
`

`html

`

Component: outbook-clip-flag

This is the underlying web component. It can be used directly in HTML or in any framework.

$3

| Attribute | Property | Type | Default | Description |
|----------------|----------------|-----------|-------------|-------------------------------------|
| code | code | String | '' | The country code for flag. |
| extraClasses | extraClasses | String | undefined` | Classes to add to the host element. |

$3

This component uses Shadow DOM, and its styles are self-contained. The component's styles are automatically applied and encapsulated, so there is no need to import any additional stylesheets.

License

This component is licensed under the Apache-2.0 License.

Flags are provided by country-flag-icons under MIT license.