Packages

paleta

0.1.0
0.1.0

An Elixir UI components library to make engineers' life easier.

Current section

Files

Jump to
Readme
1 Version
11 Dependencies
Dependants
Files
Activity
paleta lib components setting_button.ex
Raw

lib/components/setting_button.ex 

defmodule Paleta.Components.SettingButton do

  use Phoenix.Component



  def setting_button(assigns) do

    ~H"""

    <!-- Settings -->

    <a

      href="form-layout-5.html"

      class="flex h-11 w-11 items-center justify-center rounded-lg outline-none transition-colors duration-200 hover:bg-primary/20 focus:bg-primary/20 active:bg-primary/25 dark:hover:bg-navy-300/20 dark:focus:bg-navy-300/20 dark:active:bg-navy-300/25"

    >

      <svg class="h-7 w-7" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">

        <path

          class="fill-slate-500 dark:fill-navy-200"

          fill-opacity="0.3"

          fill="currentColor"

          d="M2 12.947v-1.771c0-1.047.85-1.913 1.899-1.913 1.81 0 2.549-1.288 1.64-2.868a1.919 1.919 0 0 1 .699-2.607l1.729-.996c.79-.474 1.81-.192 2.279.603l.11.192c.9 1.58 2.379 1.58 3.288 0l.11-.192c.47-.795 1.49-1.077 2.279-.603l1.73.996a1.92 1.92 0 0 1 .699 2.607c-.91 1.58-.17 2.868 1.639 2.868 1.04 0 1.899.856 1.899 1.912v1.772c0 1.047-.85 1.912-1.9 1.912-1.808 0-2.548 1.288-1.638 2.869.52.915.21 2.083-.7 2.606l-1.729.997c-.79.473-1.81.191-2.279-.604l-.11-.191c-.9-1.58-2.379-1.58-3.288 0l-.11.19c-.47.796-1.49 1.078-2.279.605l-1.73-.997a1.919 1.919 0 0 1-.699-2.606c.91-1.58.17-2.869-1.639-2.869A1.911 1.911 0 0 1 2 12.947Z"

        />

        <path

          class="fill-slate-500 dark:fill-navy-200"

          fill="currentColor"

          d="M11.995 15.332c1.794 0 3.248-1.464 3.248-3.27 0-1.807-1.454-3.272-3.248-3.272-1.794 0-3.248 1.465-3.248 3.271 0 1.807 1.454 3.271 3.248 3.271Z"

        />

      </svg>

    </a>

    """

  end

end