Bosia Bosia Bosia v0.6.0
ID

Start Here

  • Introduction
  • Getting Started
  • Project Structure

Guides

  • Routing
  • Navigation
  • Server Loaders
  • Request Deduplication
  • Server Metadata
  • API Routes
  • Form Actions
  • Middleware Hooks
  • Environment Variables
  • Styling
  • Security
  • Testing
  • Plugins

Components

  • Overview
  • UI
    • Aspect Ratio
    • Accordion
    • Alert
    • Alert Dialog
    • Avatar
    • Badge
    • Breadcrumb
    • Button
    • Button Group
    • Calendar
    • Card
    • Carousel
    • Checkbox
    • Chart
    • Collapsible
    • Command
    • Combobox
    • Context Menu
    • Data Table
    • Date Picker
    • Direction
    • Dialog
    • Dropdown Menu
    • Empty
    • Field
    • Form
    • Hover Card
    • Icon
    • Input
    • Input Group
    • Input OTP
    • Item
    • Kbd
    • Label
    • Menubar
    • Navbar
    • Native Select
    • Navigation Menu
    • Pagination
    • Popover
    • Progress
    • Radio Group
    • Range Calendar
    • Resizable
    • Scroll Area
    • Select
    • Separator
    • Sidebar
    • Skeleton
    • Slider
    • Sonner
    • Spinner
    • Switch
    • Table
    • Tabs
    • Textarea
    • Toggle
    • Toggle Group
    • Tooltip
    • Typography
  • Todo
    • Todo Form
    • Todo Item
    • Todo List

Blocks

  • Overview
  • Cards
    • Feature (Editorial)

Themes

  • Overview
  • Neutral
  • Editorial
  • Creating Themes

Reference

  • CLI
  • API Reference
  • Deployment
  • SvelteKit Differences
  • Roadmap
  • Changelog

Todo Form

A form component for creating new todo items with validation feedback.

bun x bosia@latest add todo/todo-form

A form that submits a POST to ?/create with a title field. Displays an optional error message below.

Props

Prop Type Default
error string —

Usage

<script lang="ts">
	import { TodoForm } from "$lib/components/todo";
</script>

<TodoForm error={form?.error} />

On this page

  • Props
  • Usage