
########################
HoopsSheetsButtonElement
########################

.. js:class:: wvc.HoopsSheetsButtonElement

   Displays the toolbar button used to toggle the sheets panel.
   
   .. rubric:: Examples
   
   
   .. code-block:: html
   
      <hoops-toolbar-sheets color="accent"></hoops-toolbar-sheets>
   
   .. rubric:: Custom Element
   
   
   ``hoops-toolbar-sheets``
   
   .. rubric:: Attributes
   
   
   **color**
   
   
      Color style for the button
   
   
   .. rubric:: Since
   
   
   ``2026.3.0``
   
   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsSheetsButtonElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.HoopsSheetsButtonElement.color`
   
   



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

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


.. js:method:: wvc.HoopsSheetsButtonElement.constructor

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



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

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


.. js:data:: wvc.HoopsSheetsButtonElement.color

      .. rst-class:: sig-pretty-signature
      
         | color: (*"default"* | *"accent"*\ )
      
      The color style for the button.
      




