Getting Started

Introduction
Installation
Theming

Core Features

Typography
Colors
Spacing
Borders
Grid
Columns
Background
Event Forwarding
Optimize CSS

Components

Accordion
Alert
Autocomplete
Avatar
Badge
Breadcrumb
Button
ButtonGroup
Card
Checkbox
CheckboxGroup
Datepicker
Divider
Dot
Dropdown
Editor
Fieldset
FileUpload
Floating
Icon
Input
Input group
Label
Modal
Navbar
Offcanvas
Pagination
Popover
Progress
Radio
RadioGroup
Ribbon
Select
Sidebar
Stamp
Steps
Slider
Spinner
Status
Switch
Table
Tabs
Textarea
Toast
Tooltip

Form Components

FormAutocomplete
FormCheckbox
FormCheckboxGroup
FormDatePicker
FormEditor
FormFieldset
FormFileUpload
FormInput
FormRadioGroup
FormSelect
FormSlider
FormSwitch
FormTextarea

Examples

Form elements
Form submission
Pricing cards
Pricing table
FAQs
Widgets
Sign in
Sign in with illustration
Sign in with cover
Sign up
Forgot password

Getting Started

Introduction
Installation
Theming

Core Features

Typography
Colors
Spacing
Borders
Grid
Columns
Background
Event Forwarding
Optimize CSS

Components

Accordion
Alert
Autocomplete
Avatar
Badge
Breadcrumb
Button
ButtonGroup
Card
Checkbox
CheckboxGroup
Datepicker
Divider
Dot
Dropdown
Editor
Fieldset
FileUpload
Floating
Icon
Input
Input group
Label
Modal
Navbar
Offcanvas
Pagination
Popover
Progress
Radio
RadioGroup
Ribbon
Select
Sidebar
Stamp
Steps
Slider
Spinner
Status
Switch
Table
Tabs
Textarea
Toast
Tooltip

Form Components

FormAutocomplete
FormCheckbox
FormCheckboxGroup
FormDatePicker
FormEditor
FormFieldset
FormFileUpload
FormInput
FormRadioGroup
FormSelect
FormSlider
FormSwitch
FormTextarea

Examples

Form elements
Form submission
Pricing cards
Pricing table
FAQs
Widgets
Sign in
Sign in with illustration
Sign in with cover
Sign up
Forgot password

Ctrl + k

Theme:

FormCheckbox

Label

Form Checkbox

I agree

This is description

value: agree, checked=false

Required

Pushes

Limit how many branches and tags can be updated in a single push

Pushes will be rejected if they attempt to update more than this. Learn more about this setting, and send us your feedback.

Terms

I accept Terms of service and Privacy policy.

This field is required

false

Description

Form Checkbox

Text

this is description

Form Checkbox

Text

this is description by danger color

Events

Test Events

last Event: no event

Reverse

HTML

Text of checkbox

This is description

CSS (disbaled)

Text

JavaScript

Svelte

Layout

You can set Column width of FormCheckbox using row and col props.

2/3 width:

Check 1

1/3 width:

Check 2

1/3 width:

Check 3

1/3 width:

Check 4

1/3 width:

Check 5

false

FormAutocomplete

FormCheckboxGroup

Source code Documentation