Phenix Storybook

Pick a theme

Table Front

42 écrans

<.table_front count={42} id="table-front-single-everything" search_input_icon_wrapper_class="!col-span-* col-span-3" count_label="écran" search_input_placeholder="Rechercher ...">
  <:form :let={f}>
    <.select_input_group
      form={f}
      id="it-is-required-for-select-hook"
      group_class="mb-0 md:col-span-3 !md:col-span-*"
      name="gender"
      options={["", "Female", "Male"]}
      placeholder="Choisir un sexe"
    />
  </:form>
  <.button icon="far fa-file-excel" color={:default}/>
  <.button icon="fa fa-plus" text="Ajouter" />
</.table_front>

Search and button Open in playground

<.table_front id="table-front-single-search-and-button" search_input_icon="fa fa-filter">
  <.button text="Ajouter" icon="fa fa-plus"/>
</.table_front>

Only buttons Open in playground

<.table_front id="table-front-single-only-buttons">
  <.button icon="far fa-file-excel" color={:default}/>
  <.button icon="fa fa-plus" text="Ajouter"/>
</.table_front>

No button Open in playground

37 / 42 enregistrements

<.table_front count={42} id="table-front-single-no-button" selected_count={37} search_input_placeholder="Rechercher ...">
</.table_front>

With form slot Open in playground

<.table_front id="table-front-single-with-form-slot" search_input_icon_wrapper_class="!col-span-* col-span-3" search_input_placeholder="Rechercher ...">
  <:form :let={f}>
    <.select_input_group
      form={f}
      id="it-is-required-for-select-hook"
      group_class="mb-0 md:col-span-3 !md:col-span-*"
      name="gender"
      options={["", "Female", "Male"]}
      placeholder="Choisir un sexe"
    />
  </:form>
</.table_front>