Overview
Welcome to Spark One
Spark One is a community template for toddle.dev. It is based on Spark Core, the unstyled component library. It was built to be a great starting point for all kinds of projects and provides a solid set of standard components that can be used and extended to fit a variety of use cases.
It is free and open source. So go nuts and create something awesome!
If you are looking for more templates or have questions, feel free to visit us at spark-pro.dev
Info
All components, their attributes, structure and functionality can be found in the official docs of the template.
If you want to adjust the colors and the color scheme, check out Radix UI colors. We based everything on the Radix color scheme to give you an easy way of changing the look and feel of the template.
Typography
Headings
Texts
Spark One comes with presets for regular text styles. We have standard paragraphs, strong text, and emphasized text. You can also use code blocks for monospaced highlighting.
text component, which renders as a span element.You can also use the kbd component to highlight keys like Space, and of course, there is a link component available.
Spark One can be a great starting point for your next toddle project.
Components
Accordion
Alert Dialog
Avatar
Avatar Group
Badge
Bottom Sheet
Callout
Checkbox
Checkbox Group
Checkbox Cards
Collapsible
Data List
- Status
- Authorized
- ID
- u_2J89JSA4GJ
- Name
- Jane Doe
- jane.doe@example.com
- Company
- Spark
Dialog
Dropdown
Field
Popover
Radio Cards
Radio Group
Select
Separator
Skeleton
Spinner
Switch
Switch Cards
Table
| Full name | Full name | Full name | Group | |
|---|---|---|---|---|
| Jane Doe | jane@example.com | jane@example.com | jane@example.com | Developer |
| John Doe | joe@example.com | joe@example.com | joe@example.com | Admin |
| Jasper Eriksson | jasper@example.com | jasper@example.com | jasper@example.com | Developer |
.webp/256)