Jonathan Kelley
828cc502f1
* add new autofmt sample * Feat: implement rustfmt::skip support for rsx * generally improve error handling with better expect messages * wip: nested rsx formatting and expression formatting * nested rsx formatting works * collapse autofmt crate * cast indent through macros * use proper whitespace * no more eating comments! * Use proper error handling
74 lines
1.6 KiB
R
74 lines
1.6 KiB
R
rsx! {
|
|
div { "hello world!" }
|
|
div {
|
|
"hello world!"
|
|
"goodbye world!"
|
|
}
|
|
|
|
// Simple div
|
|
div { "hello world!" }
|
|
|
|
// Compression with attributes
|
|
div { key: "{a}", class: "ban", style: "color: red" }
|
|
|
|
// But not too many attributes (3 max)
|
|
div {
|
|
id: "{a}",
|
|
class: "ban",
|
|
style: "color: red",
|
|
value: "{b}",
|
|
}
|
|
|
|
// Nested one level
|
|
div {
|
|
div { "nested" }
|
|
}
|
|
|
|
// Nested two level
|
|
div {
|
|
div {
|
|
h1 { "highly nested" }
|
|
}
|
|
}
|
|
|
|
// Anti-Nested two level
|
|
div {
|
|
div {
|
|
div {
|
|
h1 { "highly nested" }
|
|
}
|
|
}
|
|
}
|
|
|
|
// Compression
|
|
h3 { class: "mb-2 text-xl font-bold", "Invite Member" }
|
|
a { class: "text-white", "Send invitation" }
|
|
|
|
// Props on tops
|
|
h3 { class: "mb-2 text-xl font-bold mb-2 text-xl font-bold mb-2 text-xl font-bold mb-2 text-xl font-bold mb-2 text-xl font-bold",
|
|
"Invite Member"
|
|
}
|
|
|
|
// No children, minimal props
|
|
img { class: "mb-6 mx-auto h-24", src: "artemis-assets/images/friends.png" }
|
|
|
|
// One level compression
|
|
div {
|
|
a {
|
|
class: "py-2 px-3 bg-indigo-500 hover:bg-indigo-600 rounded text-xs text-white",
|
|
href: "#",
|
|
"Send invitation"
|
|
}
|
|
}
|
|
|
|
// Components
|
|
Component { ..Props {} }
|
|
|
|
// multiline
|
|
div {
|
|
class: "asdaskjdhaskjdjaslkdjlakdjaslkdjaslkd asdaskjdhaskjdjaslkdjlakdjaslkdjaslkdasdaskjdhaskjdjaslkdjlakdjaslkdjaslkd",
|
|
multiple: "asd",
|
|
"hi"
|
|
}
|
|
}
|