Skip to content

Add state syntax (hover, active, disabled) #50

@akonan

Description

@akonan

Description

Allow specifying component states in wiremd syntax.

Proposed Syntax

[Submit]{:disabled}
[Submit]{:hover}
[Submit]{:loading}

<!-- Or state blocks -->
::: state=hover
[Submit]
:::

States to Support

  • :hover - Hover state
  • :active - Active/pressed state
  • :focus - Focused state
  • :disabled - Disabled state
  • :loading - Loading state
  • :error - Error state
  • :success - Success state

Rendering

  • Show different visual styles
  • Generate CSS for pseudo-classes
  • Add to component AST

Priority

Medium

Labels

enhancement, syntax, states

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions