fly-by Design SystemGitHub

example-form

block

Example Form

fly-byスタイルのお問い合わせフォーム。Zod validationを使用。

プレビュー

Contact Form

インストール

npx shadcn@latest add "https://fly-by.design.yukyu.net/r/example-form.json"

依存関係

NPM Packages

zod

Registry Components

https://fly-by.design.yukyu.net/r/fb-button.jsonhttps://fly-by.design.yukyu.net/r/fb-input.jsonhttps://fly-by.design.yukyu.net/r/fb-label.jsonhttps://fly-by.design.yukyu.net/r/fb-textarea.jsonhttps://fly-by.design.yukyu.net/r/fb-card.jsonhttps://fly-by.design.yukyu.net/r/fb-text.json

使用例

import { ExampleForm } from "@/components/ui/example-form"

// コンポーネントを使用
<ExampleForm>
  Content
</ExampleForm>

ファイル

registry/fly-by/blocks/example-form/example-form.tsxcomponent