OutlinedOtpCell

fun OutlinedOtpCell(state: OtpCellState, modifier: Modifier = Modifier, placeholder: String = "", colors: OtpCellColors = OtpInputDefaults.colors( focusedContainerColor = Color.Transparent, unfocusedContainerColor = Color.Transparent, filledContainerColor = Color.Transparent, errorContainerColor = Color.Transparent, ), dimensions: OtpCellDimensions = OtpInputDefaults.dimensions(cellHeight = OtpTokens.CellWidth), animationSpec: OtpAnimationSpec = OtpInputDefaults.animationSpec(), shape: Shape = CircleShape, maskConfig: OtpMaskConfig = OtpInputDefaults.maskConfig(), cursorConfig: OtpCursorConfig = OtpInputDefaults.cursorConfig(color = colors.cursorColor), textStyles: OtpTextStyles = OtpInputDefaults.textStyles(dimensions.textSize), contentPadding: OtpCellPadding = OtpInputDefaults.contentPadding())(source)

A round cell with a transparent background. It's DefaultOtpCell with different defaults.

OtpInputField(state = otpState, otpLength = 6) { cell ->
OutlinedOtpCell(state = cell)
}