This is the llms.txt documentation for the "dialogs" directory of the Origin UI - Svelte project. # "dialogs" directory > A collection of production-ready, accessible UI components built with Svelte 5 and Tailwind CSS. These components are designed to be drop-in solutions for rapidly building modern web applications. This documentation covers 21 components, each following best practices for accessibility, performance, and type safety. ## Components ## dialog-01 > A type-safe, accessible dialog-01 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-01` - **Location**: `/src/lib/components/dialogs/dialog-01.svelte` - **Type**: UI Component ### Usage ```svelte Full component implementation: ```svelte Alert dialog Are you sure? Take a moment to review the details provided to ensure you understand the implications. Cancel Okay ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-01.svelte) ## dialog-02 > A type-safe, accessible dialog-02 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-02` - **Location**: `/src/lib/components/dialogs/dialog-02.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte Alert dialog with icon
Are you sure? Are you sure you want to delete your account? All your data will be removed.
Cancel Confirm
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-02.svelte) ## dialog-03 > A type-safe, accessible dialog-03 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-03` - **Location**: `/src/lib/components/dialogs/dialog-03.svelte` - **Type**: UI Component ### Usage ```svelte Full component implementation: ```svelte Scrollable (native scrollbar)
Frequently Asked Questions (FAQ)

Account Management

Navigate to the registration page, provide required information, and verify your email address. You can sign up using your email or through social media platforms.

Password Reset Process

Users can reset their password through the account settings page. Click "Forgot Password" and follow the email verification steps to regain account access quickly and securely.

Service Pricing Tiers

We offer three primary subscription levels designed to meet diverse user needs: Basic (free with limited features), Professional (monthly fee with comprehensive access), and Enterprise (custom pricing with full platform capabilities).

Technical Support Channels

Customer support is accessible through multiple communication methods including email support, live chat during business hours, an integrated support ticket system, and phone support specifically for enterprise-level customers.

Data Protection Strategies

Our platform implements rigorous security measures including 256-bit SSL encryption, regular comprehensive security audits, strict data access controls, and compliance with international privacy protection standards.

Platform Compatibility

The service supports multiple device and operating system environments, including web browsers like Chrome and Firefox, mobile applications for iOS and Android, and desktop applications compatible with Windows and macOS.

Subscription Management

Subscriptions can be cancelled at any time through account settings, with pro-rated refunds available within 30 days of payment. Both monthly and annual billing options are provided, with special discounts offered for annual commitments.

Payment Method Options

We accept a wide range of payment methods including major credit cards such as Visa, MasterCard, and American Express, digital payment platforms like PayPal, and direct bank transfers. Regional payment options may also be available depending on user location.

Customer Support

Our dedicated customer support team is available 24/7, providing quick and efficient assistance to address any inquiries or issues you may have.

Privacy Policy

Our privacy policy outlines how we collect, use, and protect your personal data, ensuring your privacy is protected at all times.

Cancel Okay
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-03.svelte) ## dialog-04 > A type-safe, accessible dialog-04 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-04` - **Location**: `/src/lib/components/dialogs/dialog-04.svelte` - **Type**: UI Component ### Usage ```svelte Full component implementation: ```svelte Scrollable (custom scrollbar) Frequently Asked Questions (FAQ)

Account Management

Navigate to the registration page, provide required information, and verify your email address. You can sign up using your email or through social media platforms.

Password Reset Process

Users can reset their password through the account settings page. Click "Forgot Password" and follow the email verification steps to regain account access quickly and securely.

Service Pricing Tiers

We offer three primary subscription levels designed to meet diverse user needs: Basic (free with limited features), Professional (monthly fee with comprehensive access), and Enterprise (custom pricing with full platform capabilities).

Technical Support Channels

Customer support is accessible through multiple communication methods including email support, live chat during business hours, an integrated support ticket system, and phone support specifically for enterprise-level customers.

Data Protection Strategies

Our platform implements rigorous security measures including 256-bit SSL encryption, regular comprehensive security audits, strict data access controls, and compliance with international privacy protection standards.

Platform Compatibility

The service supports multiple device and operating system environments, including web browsers like Chrome and Firefox, mobile applications for iOS and Android, and desktop applications compatible with Windows and macOS.

Subscription Management

Subscriptions can be cancelled at any time through account settings, with pro-rated refunds available within 30 days of payment. Both monthly and annual billing options are provided, with special discounts offered for annual commitments.

Payment Method Options

We accept a wide range of payment methods including major credit cards such as Visa, MasterCard, and American Express, digital payment platforms like PayPal, and direct bank transfers. Regional payment options may also be available depending on user location.

Customer Support

Our dedicated customer support team is available 24/7, providing quick and efficient assistance to address any inquiries or issues you may have.

Privacy Policy

Our privacy policy outlines how we collect, use, and protect your personal data, ensuring your privacy is protected at all times.

Cancel Okay
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-04.svelte) ## dialog-05 > A type-safe, accessible dialog-05 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-05` - **Location**: `/src/lib/components/dialogs/dialog-05.svelte` - **Type**: UI Component ### Usage ```svelte Full component implementation: ```svelte Scrollable (sticky header) Frequently Asked Questions (FAQ)

Account Management

Navigate to the registration page, provide required information, and verify your email address. You can sign up using your email or through social media platforms.

Password Reset Process

Users can reset their password through the account settings page. Click "Forgot Password" and follow the email verification steps to regain account access quickly and securely.

Service Pricing Tiers

We offer three primary subscription levels designed to meet diverse user needs: Basic (free with limited features), Professional (monthly fee with comprehensive access), and Enterprise (custom pricing with full platform capabilities).

Technical Support Channels

Customer support is accessible through multiple communication methods including email support, live chat during business hours, an integrated support ticket system, and phone support specifically for enterprise-level customers.

Data Protection Strategies

Our platform implements rigorous security measures including 256-bit SSL encryption, regular comprehensive security audits, strict data access controls, and compliance with international privacy protection standards.

Platform Compatibility

The service supports multiple device and operating system environments, including web browsers like Chrome and Firefox, mobile applications for iOS and Android, and desktop applications compatible with Windows and macOS.

Subscription Management

Subscriptions can be cancelled at any time through account settings, with pro-rated refunds available within 30 days of payment. Both monthly and annual billing options are provided, with special discounts offered for annual commitments.

Payment Method Options

We accept a wide range of payment methods including major credit cards such as Visa, MasterCard, and American Express, digital payment platforms like PayPal, and direct bank transfers. Regional payment options may also be available depending on user location.

Customer Support

Our dedicated customer support team is available 24/7, providing quick and efficient assistance to address any inquiries or issues you may have.

Privacy Policy

Our privacy policy outlines how we collect, use, and protect your personal data, ensuring your privacy is protected at all times.

Okay
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-05.svelte) ## dialog-06 > A type-safe, accessible dialog-06 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-06` - **Location**: `/src/lib/components/dialogs/dialog-06.svelte` - **Type**: UI Component ### Usage ```svelte Full component implementation: ```svelte Scrollable (sticky footer)
Frequently Asked Questions (FAQ)

Account Management

Navigate to the registration page, provide required information, and verify your email address. You can sign up using your email or through social media platforms.

Password Reset Process

Users can reset their password through the account settings page. Click "Forgot Password" and follow the email verification steps to regain account access quickly and securely.

Service Pricing Tiers

We offer three primary subscription levels designed to meet diverse user needs: Basic (free with limited features), Professional (monthly fee with comprehensive access), and Enterprise (custom pricing with full platform capabilities).

Technical Support Channels

Customer support is accessible through multiple communication methods including email support, live chat during business hours, an integrated support ticket system, and phone support specifically for enterprise-level customers.

Data Protection Strategies

Our platform implements rigorous security measures including 256-bit SSL encryption, regular comprehensive security audits, strict data access controls, and compliance with international privacy protection standards.

Platform Compatibility

The service supports multiple device and operating system environments, including web browsers like Chrome and Firefox, mobile applications for iOS and Android, and desktop applications compatible with Windows and macOS.

Subscription Management

Subscriptions can be cancelled at any time through account settings, with pro-rated refunds available within 30 days of payment. Both monthly and annual billing options are provided, with special discounts offered for annual commitments.

Payment Method Options

We accept a wide range of payment methods including major credit cards such as Visa, MasterCard, and American Express, digital payment platforms like PayPal, and direct bank transfers. Regional payment options may also be available depending on user location.

Customer Support

Our dedicated customer support team is available 24/7, providing quick and efficient assistance to address any inquiries or issues you may have.

Privacy Policy

Our privacy policy outlines how we collect, use, and protect your personal data, ensuring your privacy is protected at all times.

Cancel Okay
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-06.svelte) ## dialog-07 > A type-safe, accessible dialog-07 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-07` - **Location**: `/src/lib/components/dialogs/dialog-07.svelte` - **Type**: UI Component ### Usage ```svelte Full component implementation: ```svelte Terms & Conditions Terms & Conditions

Acceptance of Terms

By accessing and using this website, users agree to comply with and be bound by these Terms of Service. Users who do not agree with these terms should discontinue use of the website immediately.

User Account Responsibilities

Users are responsible for maintaining the confidentiality of their account credentials. Any activities occurring under a user‘s account are the sole responsibility of the account holder. Users must notify the website administrators immediately of any unauthorized account access.

Content Usage and Restrictions

The website and its original content are protected by intellectual property laws. Users may not reproduce, distribute, modify, create derivative works, or commercially exploit any content without explicit written permission from the website owners.

Limitation of Liability

The website provides content “as is“ without any warranties. The website owners shall not be liable for direct, indirect, incidental, consequential, or punitive damages arising from user interactions with the platform.

User Conduct Guidelines

  • Not upload harmful or malicious content
  • Respect the rights of other users
  • Avoid activities that could disrupt website functionality
  • Comply with applicable local and international laws

Modifications to Terms

The website reserves the right to modify these terms at any time. Continued use of the website after changes constitutes acceptance of the new terms.

Termination Clause

The website may terminate or suspend user access without prior notice for violations of these terms or for any other reason deemed appropriate by the administration.

Governing Law

These terms are governed by the laws of the jurisdiction where the website is primarily operated, without regard to conflict of law principles.

{#if !hasReadToBottom} Read all terms before accepting. {/if} Cancel {#snippet child({ props })} {/snippet}
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-07.svelte) ## dialog-08 > A type-safe, accessible dialog-08 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-08` - **Location**: `/src/lib/components/dialogs/dialog-08.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte Delete project
Final confirmation This action cannot be undone. To confirm, please enter the project name {PROJECT_NAME}.
Cancel
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-08.svelte) ## dialog-09 > A type-safe, accessible dialog-09 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-09` - **Location**: `/src/lib/components/dialogs/dialog-09.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte Newsletter
Never miss an update Subscribe to receive news and special offers.

By subscribing you agree to our Privacy Policy.

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/dialogs/dialog-09.svelte) ## dialog-10 > A type-safe, accessible dialog-10 component for building modern UIs. This component is part of the dialogs collection. ### Core Information - **Component ID**: `dialog-10` - **Location**: `/src/lib/components/dialogs/dialog-10.svelte` - **Type**: UI Component ### Usage ```svelte Full component implementation: ```svelte Feedback Send us feedback Watch tutorials, read Origin UI‘s documentation, or join our Discord for community help.