solana-app-kit

---

solana-app-kit / components/thread/tokenModal.style / default

​

Variable: default

default: object

Defined in: src/components/thread/tokenModal.style.ts:3

​

Type declaration

​

closeButton

closeButton: object

​

closeButton.alignItems

alignItems: "center" = 'center'

​

closeButton.backgroundColor

backgroundColor: string = '#000000'

​

closeButton.borderRadius

borderRadius: number = 25

​

closeButton.marginTop

marginTop: number = 20

​

closeButton.paddingVertical

paddingVertical: number = 14

​

closeButtonText

closeButtonText: object

​

closeButtonText.color

color: string = '#FFF'

​

closeButtonText.fontSize

fontSize: number = 16

​

closeButtonText.fontWeight

fontWeight: "700" = '700'

​

modalContainer

modalContainer: object

​

modalContainer.backgroundColor

backgroundColor: string = '#FFF'

​

modalContainer.borderRadius

borderRadius: number = 20

​

modalContainer.elevation

elevation: number = 10

​

modalContainer.maxHeight

maxHeight: "85%" = '85%'

​

modalContainer.padding

padding: number = 20

​

modalContainer.shadowColor

shadowColor: string = '#000'

​

modalContainer.shadowOffset

shadowOffset: object

​

modalContainer.shadowOffset.height

height: number = 4

​

modalContainer.shadowOffset.width

width: number = 0

​

modalContainer.shadowOpacity

shadowOpacity: number = 0.3

​

modalContainer.shadowRadius

shadowRadius: number = 8

​

modalContainer.width

width: "100%" = '100%'

​

modalOverlay

modalOverlay: object

​

modalOverlay.alignItems

alignItems: "center" = 'center'

​

modalOverlay.backgroundColor

backgroundColor: string = 'rgba(0,0,0,0.8)'

​

modalOverlay.flex

flex: number = 1

​

modalOverlay.justifyContent

justifyContent: "center" = 'center'

​

modalOverlay.padding

padding: number = 20

​

modalTitle

modalTitle: object

​

modalTitle.color

color: string = '#333'

​

modalTitle.fontSize

fontSize: number = 20

​

modalTitle.fontWeight

fontWeight: "700" = '700'

​

modalTitle.marginBottom

marginBottom: number = 16

​

modalTitle.textAlign

textAlign: "center" = 'center'

​

searchInput

searchInput: object

​

searchInput.backgroundColor

backgroundColor: string = '#F9F9F9'

​

searchInput.borderColor

borderColor: string = '#ddd'

​

searchInput.borderRadius

borderRadius: number = 12

​

searchInput.borderWidth

borderWidth: number = 1

​

searchInput.color

color: string = '#333'

​

searchInput.fontSize

fontSize: number = 16

​

searchInput.marginBottom

marginBottom: number = 16

​

searchInput.padding

padding: number = 12

​

searchInput.width

width: "100%" = '100%'

​

tokenItem

tokenItem: object

​

tokenItem.borderBottomColor

borderBottomColor: string = '#EEE'

​

tokenItem.borderBottomWidth

borderBottomWidth: number = 1

​

tokenItem.paddingVertical

paddingVertical: number = 12

​

tokenItemContent

tokenItemContent: object

​

tokenItemContent.alignItems

alignItems: "center" = 'center'

​

tokenItemContent.flexDirection

flexDirection: "row" = 'row'

​

tokenLogo

tokenLogo: object

​

tokenLogo.backgroundColor

backgroundColor: string = '#EEE'

​

tokenLogo.borderRadius

borderRadius: number = 20

​

tokenLogo.height

height: number = 40

​

tokenLogo.width

width: number = 40

​

tokenName

tokenName: object

​

tokenName.color

color: string = '#777'

​

tokenName.fontSize

fontSize: number = 14

​

tokenSymbol

tokenSymbol: object

​

tokenSymbol.color

color: string = '#333'

​

tokenSymbol.fontSize

fontSize: number = 16

​

tokenSymbol.fontWeight

fontWeight: "600" = '600'

​

tokenTextContainer

tokenTextContainer: object

​

tokenTextContainer.marginLeft

marginLeft: number = 12