إدخال الأرقام · النمط البصري

    <.number_input class="number-input" value="1">
  <:label>Default</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input number-input--accent" value="1">
  <:label>Accent</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input number-input--brand" value="1">
  <:label>Brand</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input number-input--alert" value="1">
  <:label>Alert</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input number-input--info" value="1">
  <:label>Info</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input number-input--success" value="1">
  <:label>Success</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>

  

    <.number_input class="number-input number-input--sm" value="1">
  <:label>SM</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input number-input--md" value="1">
  <:label>MD</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input number-input--lg" value="1">
  <:label>LG</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input number-input--xl" value="1">
  <:label>XL</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>

  

    <.number_input class="number-input max-w-2xs" value="1">
  <:label>2xs</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input max-w-md" value="1">
  <:label>MD</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input max-w-xl" value="1">
  <:label>XL</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>
<.number_input class="number-input max-w-2xl" value="1">
  <:label>2XL</:label>
  <:decrement_trigger><.heroicon name="hero-chevron-down" /></:decrement_trigger>
  <:increment_trigger><.heroicon name="hero-chevron-up" /></:increment_trigger>

</.number_input>