Ir para conteúdo
Fórum Script Brasil
  • 0

O meu primeiro modal em <flux> levou três semanas


Frank K Hosaka

Pergunta

arquivo app > Livewire > LdiarioLcto.php
<?php
namespace App\Livewire;
use Livewire\Attributes\Layout;
use Livewire\Component;

#[Layout('components.layouts.app')]
class LdiarioLcto extends Component {

    public function delete() {
        $this->modal('edit-profile')->show();
        $this->modal('edit-profile')->close();
    }
}
?>

arquivo resources > views > livewire > ldiario-lcto.blade.php
<div>

    <flux:modal.trigger name="edit-profile">
        <flux:button>Edit profile</flux:button>
    </flux:modal.trigger>

    <flux:modal name="edit-profile" class="md:w-96">
        <div class="space-y-6">
            <div>
                <flux:heading size="lg">Update profile</flux:heading>
                <flux:text class="mt-2">Make changes to your personal details.</flux:text>
            </div>
            <flux:input wire:model="nome" label="Name" placeholder="Your name" />
            <flux:input wire:model="dia" label="Date of birth" type="date" />
            <div class="flex">
                <flux:spacer />
                <flux:button wire:click="delete" type="submit" variant="primary">Save changes</flux:button>
            </div>
        </div>
    </flux:modal>

</div>

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,4k
    • Posts
      652,2k
×
×
  • Criar Novo...