Components
Components are the basic graphical building blocks of Vico.
Types
There are several built-in Components. These cover most use cases.
TextComponent
TextComponent draws text. It supports font customization, line breaks, text rotation, backgrounds, and more.
- Compose
- Views
rememberTextComponent(...)
TextComponent(...)
ShapeComponent
ShapeComponents draw Shapes, for which you can define a color, a stroke, and more.
- Compose
- Views
rememberShapeComponent(...)
ShapeComponent(...)
LineComponent
LineComponents, which are a type of ShapeComponent, draw horizontal and vertical lines.
- Compose
- Views
rememberLineComponent(...)
LineComponent(...)
LayeredComponent
A LayeredComponents draws two Components on top of each other and lets you specify their spacing.
- Compose
- Views
rememberLayeredComponent(...)
LayeredComponent(...)
Shape
Most Components accept Shapes, directly or indirectly. Use the following APIs to create instances:
- Compose
- Views
CorneredShape.PillCorneredShape.cut(dp-based)CorneredShape.cut(percentage-based)CorneredShape.rounded(dp-based)CorneredShape.rounded(percentage-based)CorneredShapeShape.RectangledashedShapemarkerCorneredShape
DynamicShader
DynamicShaders, which are accepted by selected APIs, let you create complex fills. Use the following APIs to create instances:
- Compose
- Views