gbr_ui - v1.1.0

gbr/ui/theme/lustre/tailwind/token

UI Lustre Tailwind Module

Types

TextToken

</> 
pub type TextToken {
  TextBase
  TextTheme
  TextTitle
}

Constructors 

  • TextBase
  • TextTheme
  • TextTitle

Values

absolute_to_layout_token

</> 
pub fn absolute_to_layout_token(
  absolute: theme.UIAbsolute,
) -> List(lustre.UILustre)

Processa o modelo de posicionamento absoluto, já injetando a classe ‘absolute’

alignment_to_content_token

</> 
pub fn alignment_to_content_token(
  align: theme.UIAlignment,
) -> lustre.UILustre

A intenção de alinhamento no eixo transversal (align-content)

alignment_to_content_tokens

</> 
pub fn alignment_to_content_tokens(
  align: theme.UIAlignment,
) -> List(lustre.UILustre)

alignment_to_items_token

</> 
pub fn alignment_to_items_token(
  align: theme.UIAlignment,
) -> lustre.UILustre

Alinhamento dos itens no eixo transversal (align-items)

alignment_to_items_tokens

</> 
pub fn alignment_to_items_tokens(
  align: theme.UIAlignment,
) -> List(lustre.UILustre)

alignment_to_justify_token

</> 
pub fn alignment_to_justify_token(
  align: theme.UIAlignment,
) -> lustre.UILustre

A intenção de alinhamento no eixo principal (justify-content)

alignment_to_justify_tokens

</> 
pub fn alignment_to_justify_tokens(
  align: theme.UIAlignment,
) -> List(lustre.UILustre)

aria_busy

</> 
pub fn aria_busy(is_loading: Bool) -> lustre.UILustre

Estado de carregamento.

aria_expanded

</> 
pub fn aria_expanded(expand: Bool) -> lustre.UILustre

Indica se o componente está expandido ou não, útil para sidebar menu.

aria_hidden

</> 
pub fn aria_hidden() -> lustre.UILustre

Ocultar elementos visuais (ex: ícones decorativos) de leitores de tela.

aria_label

</> 
pub fn aria_label(label: String) -> lustre.UILustre

Descrever elementos visuais (ex: imagens) em leitores de tela.

aria_labelledby

</> 
pub fn aria_labelledby(id: String) -> lustre.UILustre

Descrever elementos usando ref. a outro elemento, exemplo <h2 id="..." />.

block_hidden_classes

</> 
pub fn block_hidden_classes(is_block: Bool) -> lustre.UILustre

elevation_to_shadow_border_tokens

</> 
pub fn elevation_to_shadow_border_tokens(
  elevation: theme.UIElevation,
) -> List(lustre.UILustre)

Converte a elevação do tema em bordas tailwind.

elevation_to_text_shadow_tokens

</> 
pub fn elevation_to_text_shadow_tokens(
  elevation: theme.UIElevation,
) -> List(lustre.UILustre)

horizontal_to_layout_token

</> 
pub fn horizontal_to_layout_token(
  x: theme.UIAlignment,
) -> lustre.UILustre

Processa o eixo X absoluto.

  • Nota: Center usa o translate para centralização.

layout_flex_class

</> 
pub fn layout_flex_class() -> lustre.UILustre

layout_flex_col_class

</> 
pub fn layout_flex_col_class() -> lustre.UILustre

layout_flex_inline_class

</> 
pub fn layout_flex_inline_class() -> lustre.UILustre

layout_flex_row_class

</> 
pub fn layout_flex_row_class() -> lustre.UILustre

layout_flex_tokens

</> 
pub fn layout_flex_tokens(
  layout: theme.UILayout,
) -> List(lustre.UILustre)

layout_flow_to_tokens

</> 
pub fn layout_flow_to_tokens(
  layout: theme.UIFlow,
) -> List(lustre.UILustre)

Tema de layout para tokens tailwind.

layout_grid_class

</> 
pub fn layout_grid_class() -> lustre.UILustre

layout_grid_tokens

</> 
pub fn layout_grid_tokens(
  layout: theme.UILayout,
) -> List(lustre.UILustre)

layout_sticky_class

</> 
pub fn layout_sticky_class() -> lustre.UILustre

layout_to_tokens

</> 
pub fn layout_to_tokens(
  layout: theme.UILayout,
) -> List(lustre.UILustre)

new_layout_absolute_x

</> 
pub fn new_layout_absolute_x(
  x: theme.UIAlignment,
) -> theme.UILayout

new_layout_absolute_x_bottom

</> 
pub fn new_layout_absolute_x_bottom() -> theme.UILayout

new_layout_absolute_x_top

</> 
pub fn new_layout_absolute_x_top() -> theme.UILayout

new_layout_absolute_y

</> 
pub fn new_layout_absolute_y(
  y: theme.UIAlignment,
) -> theme.UILayout

new_layout_absolute_y_left

</> 
pub fn new_layout_absolute_y_left() -> theme.UILayout

new_layout_absolute_y_right

</> 
pub fn new_layout_absolute_y_right() -> theme.UILayout

rotate_classes

</> 
pub fn rotate_classes(is_rotate: Bool) -> lustre.UILustre

shape_rounded_to_tokens

</> 
pub fn shape_rounded_to_tokens(
  shape: theme.UIShape,
) -> List(lustre.UILustre)

Retorna o token da superfície do tema em arredondamento do tailwind.

size_absolute_to_border_tokens

</> 
pub fn size_absolute_to_border_tokens(
  size: theme.UISize,
  absolute: theme.UIAbsolute,
) -> List(lustre.UILustre)

size_absolute_to_rounded_tokens

</> 
pub fn size_absolute_to_rounded_tokens(
  size: theme.UISize,
  absolute: theme.UIAbsolute,
) -> List(lustre.UILustre)

size_alignment_to_border_token

</> 
pub fn size_alignment_to_border_token(
  size: theme.UISize,
  alignment: theme.UIAlignment,
) -> lustre.UILustre

size_alignment_to_rounded_token

</> 
pub fn size_alignment_to_rounded_token(
  size: theme.UISize,
  alignment: theme.UIAlignment,
) -> lustre.UILustre

size_border_end_end

</> 
pub fn size_border_end_end(size: theme.UISize) -> lustre.UILustre

size_icon_height_class

</> 
pub fn size_icon_height_class(
  size: theme.UISize,
) -> lustre.UILustre

size_icon_max_height_class

</> 
pub fn size_icon_max_height_class(
  size: theme.UISize,
) -> lustre.UILustre

size_icon_max_width_class

</> 
pub fn size_icon_max_width_class(
  size: theme.UISize,
) -> lustre.UILustre

size_icon_width_class

</> 
pub fn size_icon_width_class(
  size: theme.UISize,
) -> lustre.UILustre

size_layout_flow_to_border_token

</> 
pub fn size_layout_flow_to_border_token(
  size: theme.UISize,
  layout: theme.UIFlow,
) -> lustre.UILustre

size_layout_flow_to_rounded_token

</> 
pub fn size_layout_flow_to_rounded_token(
  size: theme.UISize,
  layout: theme.UIFlow,
) -> lustre.UILustre

size_layout_to_border_tokens

</> 
pub fn size_layout_to_border_tokens(
  size: theme.UISize,
  layout: theme.UILayout,
) -> List(lustre.UILustre)

size_layout_to_rounded_tokens

</> 
pub fn size_layout_to_rounded_tokens(
  size: theme.UISize,
  layout: theme.UILayout,
) -> List(lustre.UILustre)

size_text_to_class

</> 
pub fn size_text_to_class(size: theme.UISize) -> lustre.UILustre

Retona o tamanho do tema em tamanho de texto do tailwind.

size_text_to_classes

</> 
pub fn size_text_to_classes(
  text_token: TextToken,
) -> fn(theme.UISize) -> lustre.UILustre

size_to_border_all

</> 
pub fn size_to_border_all(size: theme.UISize) -> lustre.UILustre

size_to_border_bottom

</> 
pub fn size_to_border_bottom(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_bottom_left

</> 
pub fn size_to_border_bottom_left(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_bottom_right

</> 
pub fn size_to_border_bottom_right(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_end

</> 
pub fn size_to_border_end(size: theme.UISize) -> lustre.UILustre

size_to_border_end_start

</> 
pub fn size_to_border_end_start(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_left

</> 
pub fn size_to_border_left(size: theme.UISize) -> lustre.UILustre

size_to_border_right

</> 
pub fn size_to_border_right(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_start

</> 
pub fn size_to_border_start(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_start_end

</> 
pub fn size_to_border_start_end(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_start_start

</> 
pub fn size_to_border_start_start(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_top

</> 
pub fn size_to_border_top(size: theme.UISize) -> lustre.UILustre

size_to_border_top_left

</> 
pub fn size_to_border_top_left(
  size: theme.UISize,
) -> lustre.UILustre

size_to_border_top_right

</> 
pub fn size_to_border_top_right(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_all

</> 
pub fn size_to_rounded_all(size: theme.UISize) -> lustre.UILustre

size_to_rounded_bottom

</> 
pub fn size_to_rounded_bottom(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_bottom_left

</> 
pub fn size_to_rounded_bottom_left(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_bottom_right

</> 
pub fn size_to_rounded_bottom_right(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_end

</> 
pub fn size_to_rounded_end(size: theme.UISize) -> lustre.UILustre

size_to_rounded_end_end

</> 
pub fn size_to_rounded_end_end(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_end_start

</> 
pub fn size_to_rounded_end_start(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_left

</> 
pub fn size_to_rounded_left(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_right

</> 
pub fn size_to_rounded_right(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_start

</> 
pub fn size_to_rounded_start(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_start_end

</> 
pub fn size_to_rounded_start_end(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_start_start

</> 
pub fn size_to_rounded_start_start(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_top

</> 
pub fn size_to_rounded_top(size: theme.UISize) -> lustre.UILustre

size_to_rounded_top_left

</> 
pub fn size_to_rounded_top_left(
  size: theme.UISize,
) -> lustre.UILustre

size_to_rounded_top_right

</> 
pub fn size_to_rounded_top_right(
  size: theme.UISize,
) -> lustre.UILustre

size_to_shadown_token

</> 
pub fn size_to_shadown_token(
  size: theme.UISize,
) -> lustre.UILustre

stack_to_zindex_token

</> 
pub fn stack_to_zindex_token(
  stacking: theme.UIStacking,
) -> lustre.UILustre

stack_to_zindex_tokens

</> 
pub fn stack_to_zindex_tokens(
  stacking: theme.UIStacking,
) -> List(lustre.UILustre)

Converte o empilhamento do tema no ‘z-index’ do tailwind.

vertical_to_layout_token

</> 
pub fn vertical_to_layout_token(
  y: theme.UIAlignment,
) -> lustre.UILustre

Processa o eixo Y absoluto.

✨ Search Document