Selected

The component can set a specific class to a specific element according to the simple condition.

Live preview

Open in new tab ↗

The component can set a specific class to a specific element according to the simple condition.

Configuration:

  • class {String} is a class name for selected element (default: selected)
  • selector {String} is a jQuery selector (default: a)
  • attr {String} attribute for comparing (default: if and it means data-if)
  • attror {String} attribute for secondary comparing (default: or and it means data-or)
  • datasource {String} a path to data-source for list of items
  • delay {Number} a delay for rel-selecting of value (default: 50)

Usage:

Each nested element according to the selector must have defined data-if attribute. It works only with strings values.

More UI components

Browse all 348