Filamentで見積もり明細フィールドを作成する

見積明細を作成したいんだけど、
Filamentを良く解ってないから、DBのjsonフィールド上に見積もり明細情報をテキストとして
ごそっと入れて、持ってくる方式で作成する

key-valueフィールドをパクって作る。

①カスタムフィールドを作る

https://filamentphp.com/docs/3.x/forms/fields/custom#custom-field-classes

./vendor/bin/sail artisan make:form-field EstimateDetails

で「EstimateDetails」という見積もりフィールド用のclassを作る。
これで、以下の2つのファイルができる
app/Forms/Components/EstimateDetails.php
resources/views/forms/components/estimate-details.blade.php

②EstimateDetails.phpを変更

今度書く

②estimate-details.blade.phpを変更

今度書く

大体できたけど、表部分の横幅が良い感じにならない。
よくよく見てみると、tailwind.cssのｗ-1/12が上手く動作していない・・・

ここでfilamentでtailwindのCSSを作成しなおす方法をまとめたので、
確認して欲しい
https://zenn.dev/shieworks/articles/0e9a2c420bd651