
##########
InfoButton
##########

.. js:class:: wvc.InfoButton

   Displays an information icon button for viewer UI actions.
   
   .. rubric:: Examples
   
   
   .. code-block:: html
   
      <hoops-info-button color="accent" size="sm"></hoops-info-button>
   
   .. rubric:: Custom Element
   
   
   ``hoops-info-button``
   
   .. rubric:: Attributes
   
   
   **tabindex**
   
   
      Keyboard tab order index for the button
   
   
   **role**
   
   
      ARIA role applied to the host
   
   
   **size**
   
   
      Size variant passed to the underlying icon button
   
   
   **color**
   
   
      Color style of the icon button
   
   
   .. rubric:: Since
   
   
   ``2025.7.0``
   
   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.InfoButton.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.InfoButton.color`
   * :js:data:`~wvc.InfoButton.role`
   * :js:data:`~wvc.InfoButton.size`
   * :js:data:`~wvc.InfoButton.tabindex`
   
   



.. rst-class:: kind-group kind-constructors

.. rubric:: Constructors
   :class: kind-group-title


.. js:method:: wvc.InfoButton.constructor

      .. rst-class:: sig-pretty-signature
      
         | InfoButton(): :js:class:`InfoButton <wvc.InfoButton>`
      
      **Returns**\ : :js:class:`InfoButton <wvc.InfoButton>`
      



.. rst-class:: kind-group kind-properties

.. rubric:: Properties
   :class: kind-group-title


.. js:data:: wvc.InfoButton.color

      .. rst-class:: sig-pretty-signature
      
         | color: (*"default"* | *"accent"*\ )
      



.. js:data:: wvc.InfoButton.role

      .. rst-class:: sig-pretty-signature
      
         | role: *string*
      



.. js:data:: wvc.InfoButton.size

      .. rst-class:: sig-pretty-signature
      
         | size: *string*
      



.. js:data:: wvc.InfoButton.tabindex

      .. rst-class:: sig-pretty-signature
      
         | tabindex: *string*
      




