BYOCSS (Bring Your Own CSS) Svelte Components
Text The allows to apply predefined styles to text.
Header Caption let foo = 1;
This example uses TailwindCSS 
<div class="flex flex-col gap-3">
  <Text variant="example-header">Header</Text>
  <Text variant="example-caption">Caption</Text>
  <Text variant="example-code">let foo = 1;</Text>
</div>
Props
Name
Type
Default
Description
variant string 'default'
This defines which variant of the text component from your theme configuration will be applied.
css string
Extra css classes you would like to have applied to the text component.
Slots
Name
Description
Will be placed inside text span element
Theme
Name
Type
Description
style string | object
The name of this prop could be anything. It can be a single string containing all styles applied to the button or it can be an object broken up in to multiple props.