Design/net.ikea.skapa.ui.components/PaymentLogo

PaymentLogo

@Composable
fun PaymentLogo(painter: Painter, contentDescription: String?, modifier: Modifier = Modifier, size: PaymentLogoSize = PaymentLogoSize.Medium)

Payment Logo is a Container for payment provider logos. Our payment logo container is an empty container that comes with a few pre-defined rules such as sizing and borders and sizing.

This component uses androidx.compose.foundation.Image with a modifier to provide the size, border shape and border colour.

Parameters

painter

The Painter to draw

contentDescription

text used by accessibility services to describe what this image represents. This should always be provided unless this image is used for decorative purposes, and does not represent a meaningful action that a user can take. This text should be localized, such as by using androidx.compose.ui.res.stringResource or similar

modifier

Modifier used to adjust the layout algorithm or draw decoration content (ex. background)

size

PaymentLogoSize defines the overall size of the component. The default value is PaymentLogoSize.Medium bounds defined by the width and height.

See also

Samples

import androidx.compose.foundation.isSystemInDarkTheme
import androidx.compose.runtime.*
import androidx.compose.ui.tooling.preview.Preview
import net.ikea.skapa.R
import net.ikea.skapa.foundation.*
import net.ikea.skapa.ui.components.PaymentLogo
import net.ikea.skapa.ui.components.PaymentLogoSize

fun main() { 
   //sampleStart 
   SkapaThemeM3(darkTheme = isSystemInDarkTheme()) {
    PaymentLogo(
        iconId = R.drawable.ic_image_fallback_image,
        // Payment Logo have different constructors to support multiple Image formats
        // instead of iconId parameter you could use any of the follow
        // painter = painterResource(R.drawable.ic_skapa_fallback_image),
        // bitmap = ImageBitmap(1, 1),
        // imageVector = ImageVector.vectorResource(
        //                  LocalContext.current.theme,
        //                  LocalContext.current.resources,
        //                  R.drawable.ic_skapa_fallback_image),
        contentDescription = null,
        size = PaymentLogoSize.Medium
    )
} 
   //sampleEnd
}
@Composable
fun PaymentLogo(bitmap: ImageBitmap, contentDescription: String?, modifier: Modifier = Modifier, size: PaymentLogoSize = PaymentLogoSize.Medium)

Payment Logo is a Container for payment provider logos. Our payment logo container is an empty container that comes with a few pre-defined rules such as sizing and borders and sizing.

This component uses androidx.compose.foundation.Image with a modifier to provide the size, border shape and border colour.

Parameters

bitmap

The ImageBitmap to draw

contentDescription

text used by accessibility services to describe what this image represents. This should always be provided unless this image is used for decorative purposes, and does not represent a meaningful action that a user can take. This text should be localized, such as by using androidx.compose.ui.res.stringResource or similar

modifier

Modifier used to adjust the layout algorithm or draw decoration content (ex.background)

size

PaymentLogoSize defines the overall size of the component. The default value is PaymentLogoSize.Medium bounds defined by the width and height.

See also

Samples

import androidx.compose.foundation.isSystemInDarkTheme
import androidx.compose.runtime.*
import androidx.compose.ui.tooling.preview.Preview
import net.ikea.skapa.R
import net.ikea.skapa.foundation.*
import net.ikea.skapa.ui.components.PaymentLogo
import net.ikea.skapa.ui.components.PaymentLogoSize

fun main() { 
   //sampleStart 
   SkapaThemeM3(darkTheme = isSystemInDarkTheme()) {
    PaymentLogo(
        iconId = R.drawable.ic_image_fallback_image,
        // Payment Logo have different constructors to support multiple Image formats
        // instead of iconId parameter you could use any of the follow
        // painter = painterResource(R.drawable.ic_skapa_fallback_image),
        // bitmap = ImageBitmap(1, 1),
        // imageVector = ImageVector.vectorResource(
        //                  LocalContext.current.theme,
        //                  LocalContext.current.resources,
        //                  R.drawable.ic_skapa_fallback_image),
        contentDescription = null,
        size = PaymentLogoSize.Medium
    )
} 
   //sampleEnd
}
@Composable
fun PaymentLogo(imageVector: ImageVector, contentDescription: String?, modifier: Modifier = Modifier, size: PaymentLogoSize = PaymentLogoSize.Medium)

Payment Logo is a Container for payment provider logos. Our payment logo container is an empty container that comes with a few pre-defined rules such as sizing and borders and sizing.

This component uses androidx.compose.foundation.Image with a modifier to provide the size, border shape and border colour.

Parameters

imageVector

The ImageVector to draw

contentDescription

text used by accessibility services to describe what this image represents. This should always be provided unless this image is used for decorative purposes, and does not represent a meaningful action that a user can take. This text should be localized, such as by using androidx.compose.ui.res.stringResource or similar

modifier

Modifier used to adjust the layout algorithm or draw decoration content (ex. background)

size

PaymentLogoSize defines the overall size of the component. The default value is PaymentLogoSize.Medium bounds defined by the width and height.

See also

Samples

import androidx.compose.foundation.isSystemInDarkTheme
import androidx.compose.runtime.*
import androidx.compose.ui.tooling.preview.Preview
import net.ikea.skapa.R
import net.ikea.skapa.foundation.*
import net.ikea.skapa.ui.components.PaymentLogo
import net.ikea.skapa.ui.components.PaymentLogoSize

fun main() { 
   //sampleStart 
   SkapaThemeM3(darkTheme = isSystemInDarkTheme()) {
    PaymentLogo(
        iconId = R.drawable.ic_image_fallback_image,
        // Payment Logo have different constructors to support multiple Image formats
        // instead of iconId parameter you could use any of the follow
        // painter = painterResource(R.drawable.ic_skapa_fallback_image),
        // bitmap = ImageBitmap(1, 1),
        // imageVector = ImageVector.vectorResource(
        //                  LocalContext.current.theme,
        //                  LocalContext.current.resources,
        //                  R.drawable.ic_skapa_fallback_image),
        contentDescription = null,
        size = PaymentLogoSize.Medium
    )
} 
   //sampleEnd
}
@Composable
fun PaymentLogo(@DrawableRes iconId: Int, contentDescription: String?, modifier: Modifier = Modifier, size: PaymentLogoSize = PaymentLogoSize.Medium)

Payment Logo is a Container for payment provider logos. Our payment logo container is an empty container that comes with a few pre-defined rules such as sizing and borders and sizing.

This component uses androidx.compose.foundation.Image with a modifier to provide the size, border shape and border colour.

Parameters

iconId

Resources object to query the image file from

contentDescription

text used by accessibility services to describe what this image represents. This should always be provided unless this image is used for decorative purposes, and does not represent a meaningful action that a user can take. This text should be localized, such as by using androidx.compose.ui.res.stringResource or similar

modifier

Modifier used to adjust the layout algorithm or draw decoration content (ex. background)

size

PaymentLogoSize defines the overall size of the component. The default value is PaymentLogoSize.Medium bounds defined by the width and height.

See also

Samples

import androidx.compose.foundation.isSystemInDarkTheme
import androidx.compose.runtime.*
import androidx.compose.ui.tooling.preview.Preview
import net.ikea.skapa.R
import net.ikea.skapa.foundation.*
import net.ikea.skapa.ui.components.PaymentLogo
import net.ikea.skapa.ui.components.PaymentLogoSize

fun main() { 
   //sampleStart 
   SkapaThemeM3(darkTheme = isSystemInDarkTheme()) {
    PaymentLogo(
        iconId = R.drawable.ic_image_fallback_image,
        // Payment Logo have different constructors to support multiple Image formats
        // instead of iconId parameter you could use any of the follow
        // painter = painterResource(R.drawable.ic_skapa_fallback_image),
        // bitmap = ImageBitmap(1, 1),
        // imageVector = ImageVector.vectorResource(
        //                  LocalContext.current.theme,
        //                  LocalContext.current.resources,
        //                  R.drawable.ic_skapa_fallback_image),
        contentDescription = null,
        size = PaymentLogoSize.Medium
    )
} 
   //sampleEnd
}