SegmentedView

The segmented view component.

• Import

  import "@tapsioss/web-components/segmented-view";

• Tag

  <tapsi-segmented-view></tapsi-segmented-view>

Properties

Name	Description	Type	Default Value
label	Defines a string value that can be used to set a label for assistive technologies.	string	""

Slots

Name	Description
-	The default slot for segmented view items.

TIP

You can use slot names as variables:

import { Slots } from "@tapsioss/web-components/segmented-view";

console.log(Slots.DEFAULT); // ""

Events

Name	Description	Type
activechange	Fired when the items activation state changes (Bubbles).	ActiveChangeEvent

TIP

You can import custom event names:

import { 
  ActiveChangeEvent
} from "@tapsioss/web-components/segmented-view";

element.addEventListener(ActiveChangeEvent.type, handleTapsiSegmentedViewActiveChange);