Component Box · 
Component Box is a multiplatform server-driven UI framework.
Learn how to use Component Box in your project.
Installation
implementation("com.dropbox.componentbox:componentbox:0.0.1-alpha")
implementation("com.dropbox.componentbox:util:0.0.1-alpha")
Documentation
You can find Component Box documentation on the website.
Check out the Getting Started page for a quick overview.
Examples
@Composable
actual fun Component.Inflate() {
when (this) {
is Component.Box -> this.Inflate()
is Component.Button -> this.Inflate()
is Component.Column -> this.Inflate()
is Component.Drawable -> this.Inflate()
is Component.Row -> this.Inflate()
is Component.Switch -> this.Inflate()
is Component.Text -> this.Inflate()
is Component.Vector -> this.Inflate()
}
}
fun Component.Column.Inflate() {
val customModifiers = listOf(
Modifier.background(this.modifier?.background.color())
)
Column(
verticalArrangement = verticalArrangement.vertical(),
horizontalAlignment = horizontalAlignment.horizontal(),
modifier = this.modifier.build(customModifiers)
) {
this.components?.forEach { component ->
component.Inflate()
}
}
}
Contributing
Evolving Component Box is the main reason we published this repository. PRs are welcome!
Contributing Guide
Read our contributing guide to learn about our development process, how to propose fixes and enhancements, and how to build and test your changes.
Good First Issues
Start with one of our good first issues!
License
Copyright (c) 2022 Dropbox, Inc.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
7.5k Jan 4, 2023
204 Nov 19, 2022
38 Dec 20, 2022
18 Dec 23, 2022
1 Jan 15, 2022
657 Dec 28, 2022
43 Dec 10, 2022
2 Jul 17, 2022
1.7k Dec 30, 2022
3.8k Jan 3, 2023
3k Dec 30, 2022
769 Jan 7, 2023
35 Feb 15, 2022
91 Nov 11, 2022
2.7k Jan 3, 2023
569 Mar 3, 2022
28 May 24, 2022
7 Aug 10, 2022
2 Nov 24, 2021
91 Nov 11, 2022
320 Dec 30, 2022
2.8k Dec 16, 2022
8.4k Dec 29, 2022
3k Dec 6, 2022
679 Nov 11, 2022
824 Nov 10, 2022
498 Dec 29, 2022
1 Feb 4, 2022
91 Dec 10, 2022