Packages

corex

0.1.0-alpha.32
0.1.2 0.1.1 0.1.0 0.1.0-rc.1 0.1.0-rc.0 0.1.0-beta.5 0.1.0-beta.4 0.1.0-beta.3 0.1.0-beta.2 0.1.0-beta.1 0.1.0-alpha.33 0.1.0-alpha.32 0.1.0-alpha.31 0.1.0-alpha.30 0.1.0-alpha.29 0.1.0-alpha.28 0.1.0-alpha.27 0.1.0-alpha.26 0.1.0-alpha.25 0.1.0-alpha.24 0.1.0-alpha.23 0.1.0-alpha.22 0.1.0-alpha.21 0.1.0-alpha.20 0.1.0-alpha.19 0.1.0-alpha.18 0.1.0-alpha.17 0.1.0-alpha.16 0.1.0-alpha.15 0.1.0-alpha.14 0.1.0-alpha.13 0.1.0-alpha.12 0.1.0-alpha.11 0.1.0-alpha.10 0.1.0-alpha.9 0.1.0-alpha.8 0.1.0-alpha.7 0.1.0-alpha.6 0.1.0-alpha.5 0.1.0-alpha.4 0.1.0-alpha.3 0.1.0-alpha.2 0.1.0-alpha.1

Accessible and unstyled UI components library written in Elixir and TypeScript that integrates Zag.js state machines into the Phoenix Framework.

HexDocs

Current section

Files

Jump to
Readme
43 Versions
5 Dependencies
Dependants
Files
Activity
corex lib components pin_input anatomy.ex
Raw

lib/components/pin_input/anatomy.ex 

defmodule Corex.PinInput.Anatomy do

  @moduledoc false



  defmodule Props do

    @moduledoc false

    @enforce_keys [:id]



    defstruct [

      :id,

      value: [],

      controlled: false,

      count: 4,

      disabled: false,

      invalid: false,

      required: false,

      read_only: false,

      mask: false,

      otp: false,

      blur_on_complete: false,

      select_on_focus: false,

      name: nil,

      form: nil,

      dir: "ltr",

      type: "numeric",

      placeholder: "○",

      on_value_change: nil,

      on_value_change_client: nil,

      on_value_complete: nil

    ]



    @type t :: %__MODULE__{

            id: String.t(),

            value: list(String.t()),

            controlled: boolean(),

            count: non_neg_integer(),

            disabled: boolean(),

            invalid: boolean(),

            required: boolean(),

            read_only: boolean(),

            mask: boolean(),

            otp: boolean(),

            blur_on_complete: boolean(),

            select_on_focus: boolean(),

            name: String.t() | nil,

            form: String.t() | nil,

            dir: String.t(),

            type: String.t(),

            placeholder: String.t(),

            on_value_change: String.t() | nil,

            on_value_change_client: String.t() | nil,

            on_value_complete: String.t() | nil

          }

  end



  defmodule Root do

    @moduledoc false

    defstruct [:id, :dir]



    @type t :: %__MODULE__{id: String.t(), dir: String.t()}

  end



  defmodule Label do

    @moduledoc false

    defstruct [:id, :dir]



    @type t :: %__MODULE__{id: String.t(), dir: String.t()}

  end



  defmodule HiddenInput do

    @moduledoc false

    defstruct [:id, :name, :value]



    @type t :: %__MODULE__{id: String.t(), name: String.t() | nil, value: String.t()}

  end



  defmodule Control do

    @moduledoc false

    defstruct [:id, :dir]



    @type t :: %__MODULE__{id: String.t(), dir: String.t()}

  end



  defmodule Input do

    @moduledoc false

    defstruct [:id, :index, :aria_label]



    @type t :: %__MODULE__{id: String.t(), index: non_neg_integer(), aria_label: String.t() | nil}

  end

end