To apply a bottom border exclusively in Jetpack Compose, use the Modifier.border()
function with the following parameters:
width
: The width of the border.color
: The color of the border.shape
: The shape of the border, which can be either RectangleShape
or RoundedCornerShape
.To apply a bottom border, set the border
modifier with BorderStroke
to the View
, with size
parameter describing the width of the border:
Box(modifier = Modifier
.height(100.dp)
.width(100.dp)
.border(border = BorderStroke(2.dp, Color.Red), shape = RectangleShape, shapeAppearance = null))
This will add a border with a width of 2dp and a red color to the bottom of the view.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2022-04-25 11:00:00 +0000
Seen: 11 times
Last updated: Oct 26 '22
How to give an <svg> element a double border using CSS when there is no style attribute present?
What is the method for altering the outline/border of a disabled OutlinedInput in MUI?
What is the method to eliminate the default table border in Mantine?
What is the process for eliminating the additional border in QTabBar?
How can I modify the border color of a checkbox input using CSS?