Catalog Filters

<.bar>

ConnieUI.Filters

HEEx 
<div class="w-3xl">
  <ConnieUI.Filters.bar>
    <ConnieUI.Filters.control wide>
      <ConnieUI.Forms.search field={@form[:search]} placeholder="Search documents" />
    </ConnieUI.Filters.control>
    <ConnieUI.Filters.actions>
      <ConnieUI.Filters.reset target={nil} />
      <ConnieUI.Buttons.button color="secondary" icon_start="icon-switch-vertical-01">
        Newest first
      </ConnieUI.Buttons.button>
    </ConnieUI.Filters.actions>
  </ConnieUI.Filters.bar>
</div>

Controls

This component has no attributes the panel can set.

Set by the example

class

Docs

The row a filter form's controls sit in. Stacked on a phone, a row from `sm` up, in the order the caller places them.
Attribute Type Default Description
class :any nil
Slot Slot attributes Description
inner_block *