Unbound
Login
@unbound-app/apitypes
T

DesignTextProps

Props of Text (function). Exports: Text.

type DesignTextProps = { … }

See also

design/components/Text/native/Text.tsx

Members

animated?boolean

Default

false
children?React.ReactNode
color?"button-outline-primary-text" | "channels-default" | "control-brand-foreground" | "control-critical-primary-text-default" | "control-secondary-text-default" | "input-placeholder-text-default" | "input-text-error-default" | "interactive-text-active" | "interactive-text-default" | "interactive-text-hover" | "mobile-text-heading-primary" | "none" | "premium-nitro-pink-text" | "redesign-button-tertiary-text" | "redesign-channel-name-muted-text" | "redesign-channel-name-text" | "status-positive" | "text-brand" | "text-default" | "text-feedback-critical" | "text-feedback-info" | "text-feedback-positive" | "text-feedback-warning" | "text-link" | "text-muted" | "text-overlay-dark" | "text-overlay-light" | "text-strong" | "text-subtle" | "text-voice-connected" | "user-profile-about-me-heading-text" | "voice-channel-user-limit-text" | string & {}

Default

'text-default'
ellipsizeMode?"clip" | "middle" | "tail" | string & {}

Default

'tail'
experimental_useNativeText?boolean

Default

false
includeFontPadding?boolean

Default

false
ref?React.Ref<any>
style?RN.StyleProp<RN.ViewStyle | RN.TextStyle | RN.ImageStyle>
tabularNumbers?boolean

Default

false
variant?"display-lg" | "display-md" | "display-sm" | "experimental/body-lg/semibold" | "experimental/body-md/medium" | "experimental/body-md/normal" | "experimental/body-md/semibold" | "experimental/body-sm/medium" | "experimental/body-sm/normal" | "experimental/body-sm/semibold" | "experimental/body-xs/normal" | "experimental/body-xs/semibold" | "experimental/heading-lg/semibold" | "experimental/heading-md/semibold" | "experimental/mono-md/bold" | "eyebrow" | "heading-deprecated-12/extrabold" | "heading-deprecated-12/medium" | "heading-deprecated-12/semibold" | "heading-lg/bold" | "heading-lg/extrabold" | "heading-lg/medium" | "heading-lg/normal" | "heading-lg/semibold" | "heading-md/bold" | "heading-md/extrabold" | "heading-md/medium" | "heading-md/normal" | "heading-md/semibold" | "heading-sm/bold" | "heading-sm/extrabold" | "heading-sm/medium" | "heading-sm/normal" | "heading-sm/semibold" | "heading-xl/bold" | "heading-xl/extrabold" | "heading-xl/medium" | "heading-xl/semibold" | "heading-xxl/bold" | "heading-xxl/extrabold" | "heading-xxl/medium" | "heading-xxl/normal" | "heading-xxl/semibold" | "redesign/channel-title/semibold" | "redesign/heading-18/bold" | "redesign/heading-18/medium" | "redesign/heading-18/semibold" | "redesign/message-preview/medium" | "redesign/message-preview/normal" | "text-lg/bold" | "text-lg/medium" | "text-lg/normal" | "text-lg/semibold" | "text-md/bold" | "text-md/medium" | "text-md/normal" | "text-md/semibold" | "text-sm/bold" | "text-sm/medium" | "text-sm/normal" | "text-sm/semibold" | "text-xs/bold" | "text-xs/medium" | "text-xs/normal" | "text-xs/semibold" | "text-xxs/bold" | "text-xxs/medium" | "text-xxs/normal" | "text-xxs/semibold" | string & {}