Components
Br
A themed native br primitive.
Props
Native attributes and event handlers are forwarded to the underlying br element unless
handled by the component.
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | '' | Tailwind classes merged with the theme and variants. |
element | HTMLBRElement | null | null | Bindable reference to the underlying DOM element. |
inTransition | TransitionProps | undefined | Overrides the opening transition. |
isVisible | boolean | true | Bindable visibility state. |
outTransition | TransitionProps | undefined | Overrides the closing transition. |
theme | Theme | global theme | Optional local theme override. |
transition | TransitionProps | [noopTransition, {}] | A Svelte transition function and its options. |
variants | string[] | [] | Local variant names or theme references such as button.base. |
Default usage
Import Br from sveltewind/components. This example shows its default styling in a usable context.
First line
Second line
Loading...Examples
Theme variants
Every variant available for Br in the built-in themes is shown below.
hidden — Apply the hidden variant.
First line
Second line
Loading...block — Apply the block variant.
First line
Second line
Loading...responsive — Apply the responsive variant.
First line
Second line
Loading...Class overrides
Apply rounded-xl border border-primary-500/40 p-4 locally.
First line
Second line
Loading...Props and behavior
Bind isVisible and toggle it with a button to control whether the component is rendered.
First line
Second line
Loading...Content and values
Provide different text, child content, or definitions inside the required parent context.
First line
Second line
Loading...